wymeditor/wymeditor — Issue #327: Improve iframe CSS, add more tags
Author: gyuris
Created: 2012-02-05 22:55:53+00:00
State: open

I have a concept how to improve default editor look with CSS: http://ubuntuone.com/18oeFQBnFWc82jjOXX93QX
CSS example code:

@font-face {
font-family: "Visitor";
src: url("visitor1.ttf");
}

p, h1, h2 {
position: relative;
}
p::before,
h1::before,
h2::before {
position: absolute;
left: 1px;
top: -2px;
padding: 1px;
font: 12px/12px "Visitor", monospace;
color: rgb(65,105,225);
}
p:hover::before,
h1:hover::before,
h2:hover::before {
color: red;
background: rgba(65,105,225,0.1);
outline: 3px solid rgba(65,105,225,0.3);
}
p::before { content: "P" }
p[class]::before { content: "P." attr(class) }
h1::before { content: "H1" }
h1[class]::before { content: "H1." attr(class) }
h2::before { content: "H2" }
h2[class]::before { content: "H2." attr(class) }

If you like it, contact me, I will make it.