@charset "UTF-8"; /* LISIBILITY */ @font-face { font-family: 'interval'; src: url("font/interval-webfont.eot"); 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"); font-weight: normal; font-style: normal; } @font-face { font-family: 'interval'; src: url("font/interval_bold-webfont.eot"); 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"); font-weight: bold; font-style: normal; } html, body { font-size: 16px; } html, body, h1, h2, h3, h4, h5, h6 { font-family: 'interval', monospace; } p { line-height: 1.3; } p.heading { font-size: 1.25em !important; } * { font-size: 14px; } div { border: 1px dashed #D4D4D4; } p:after, ul:after { content: "¬"; color: red; } h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { color: blue; font-weight: normal; font-size: 10px; vertical-align: super; } h2:before { content: "h2 "; } h3:before { content: "h3 "; } h4:before { content: "h4 "; } h5:before { content: "h5 "; } h6:before { content: "h6 "; } br:after { content: "·"; color: red; border: 1px solid #999; } img { height: auto; margin: 0.5em 0; max-width: 99%; } p { border: 1px dashed #848484; } div { border: 1px solid #1A1A1A; } /* LAYOUT AND GRAPHICS */ /* #full{ width:99%; } #demi{ width:47%; } #tiers{ width:29%; } #quart{ width:23%; } #right{ float:right; margin-left:2%; } #left{ float:left; margin-right:2%; } #center{ display:block; margin:0 auto; } img{height:auto; margin:0.5em 0;} p{ border: 1px dashed #848484; } div{border: 1px solid #1A1A1A;} img,p,div{ position:relative; &:before{font-size:10px; color:red; background-color: #1A1A1A; position:absolute; top:0; z-index:3000;} &.full{#full; &:before{content:" full ";}} &.demi{ #demi; margin-right:2%; &:before{content:" demi "; right:0;}} &.tiers{ #tiers; margin-right:2%; &:before{content:" tiers "; right:0;}} &.quart{ #quart; margin-right:2%; &:before{content:" quart "; right:0;}} &.demi-left{ #demi; #left; &:before{content:" demi-left "; left:0;}} &.demi-right{ #demi; #right; &:before{content:" demi-right "; right:0;}} &.demi-center{ #demi; #center; &:before{content:" demi-denter "; right:0;}} &.tiers-left{ #tiers; #left; &:before{content:" tiers-left "; left:0;}} &.tiers-right{ #tiers; #right; &:before{content:" tiers-right "; right:0;}} &.tiers-center{ #tiers; #center; &:before{content:" tiers-center "; right:0;}} &.quart-left{ #quart; #left; &:before{content:" quart-left "; left:0;}} &.quart-right{ #quart; #right; &:before{content:" quart-right "; right:0;}} &.quart-center{ #quart; #center; &:before{content:" quart-center "; right:0;}} } */ /*# sourceMappingURL=wysiwyg.css.map */