wysiwyg.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. @charset "UTF-8";
  2. /* LISIBILITY */
  3. @font-face {
  4. font-family: 'interval';
  5. src: url("font/interval-webfont.eot");
  6. src: url("font/interval-webfont.eot?#iefix") format("embedded-opentype"), url("font/interval-webfont.woff") format("woff"), url("font/interval-webfont.ttf") format("truetype"), url("font/interval-webfont.svg#intervalbook") format("svg");
  7. font-weight: normal;
  8. font-style: normal; }
  9. @font-face {
  10. font-family: 'interval';
  11. src: url("font/interval_bold-webfont.eot");
  12. src: url("font/interval_bold-webfont.eot?#iefix") format("embedded-opentype"), url("font/interval_bold-webfont.woff") format("woff"), url("font/interval_bold-webfont.ttf") format("truetype"), url("font/interval_bold-webfont.svg#intervalbold") format("svg");
  13. font-weight: bold;
  14. font-style: normal; }
  15. html, body {
  16. font-size: 16px; }
  17. html, body, h1, h2, h3, h4, h5, h6 {
  18. font-family: 'interval', monospace; }
  19. p {
  20. line-height: 1.3; }
  21. p.heading {
  22. font-size: 1.25em !important; }
  23. * {
  24. font-size: 14px; }
  25. div {
  26. border: 1px dashed #D4D4D4; }
  27. p:after, ul:after {
  28. content: "¬";
  29. color: red; }
  30. h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
  31. color: blue;
  32. font-weight: normal;
  33. font-size: 10px;
  34. vertical-align: super; }
  35. h2:before {
  36. content: "h2 "; }
  37. h3:before {
  38. content: "h3 "; }
  39. h4:before {
  40. content: "h4 "; }
  41. h5:before {
  42. content: "h5 "; }
  43. h6:before {
  44. content: "h6 "; }
  45. br:after {
  46. content: "·";
  47. color: red;
  48. border: 1px solid #999; }
  49. img {
  50. height: auto;
  51. margin: 0.5em 0;
  52. max-width: 99%; }
  53. p {
  54. border: 1px dashed #848484; }
  55. div {
  56. border: 1px solid #1A1A1A; }
  57. /* LAYOUT AND GRAPHICS */
  58. /*
  59. #full{ width:99%; }
  60. #demi{ width:47%; }
  61. #tiers{ width:29%; }
  62. #quart{ width:23%; }
  63. #right{ float:right; margin-left:2%; }
  64. #left{ float:left; margin-right:2%; }
  65. #center{ display:block; margin:0 auto; }
  66. img{height:auto; margin:0.5em 0;}
  67. p{ border: 1px dashed #848484; }
  68. div{border: 1px solid #1A1A1A;}
  69. img,p,div{ position:relative;
  70. &:before{font-size:10px; color:red; background-color: #1A1A1A; position:absolute; top:0; z-index:3000;}
  71. &.full{#full; &:before{content:" full ";}}
  72. &.demi{ #demi; margin-right:2%; &:before{content:" demi "; right:0;}}
  73. &.tiers{ #tiers; margin-right:2%; &:before{content:" tiers "; right:0;}}
  74. &.quart{ #quart; margin-right:2%; &:before{content:" quart "; right:0;}}
  75. &.demi-left{ #demi; #left; &:before{content:" demi-left "; left:0;}}
  76. &.demi-right{ #demi; #right; &:before{content:" demi-right "; right:0;}}
  77. &.demi-center{ #demi; #center; &:before{content:" demi-denter "; right:0;}}
  78. &.tiers-left{ #tiers; #left; &:before{content:" tiers-left "; left:0;}}
  79. &.tiers-right{ #tiers; #right; &:before{content:" tiers-right "; right:0;}}
  80. &.tiers-center{ #tiers; #center; &:before{content:" tiers-center "; right:0;}}
  81. &.quart-left{ #quart; #left; &:before{content:" quart-left "; left:0;}}
  82. &.quart-right{ #quart; #right; &:before{content:" quart-right "; right:0;}}
  83. &.quart-center{ #quart; #center; &:before{content:" quart-center "; right:0;}}
  84. }
  85. */
  86. /*# sourceMappingURL=wysiwyg.css.map */