Dr. O. Hoffmann
Der Stil T: t.css dient zur Strukturanalyse von Projekten.
Einige wichtigere XHTML-Elemente werden mit verschiedenen Rahmen verziert.
Mit dieser CSS-Datei als Nutzerstil im eigenen browsr können auch die
Strukturen von anderen Projekten direkt sichtbar gemacht werden.
Achtung: die vorletzte Anweisung enthält einen Selektor gemäß
den vorläufigen Vorschlägen zur Vorbereitung von CSS3.
Diese Datei dient so also nur zu Testzwecken und ist nicht standardkonform.
CSS3-Selektoren werden bislang (2004) auch nur von wenigen browsern interpretiert.
body, html
{
border: solid 1px #ffff88 !important;
}
acronym:hover, abbr:hover
{
cursor: help;
}
abbr[title], acronym[title], span[title]
{
border-bottom: thin dotted;
cursor: help;
}
h1[title]
{
cursor: help;
}
div
{
border: dotted 1px #cccccc !important;
}
a
{
border-right: solid 1px #0000ff !important;
}
ul
{
border: dashed 1px #aaff55 !important;
}
ol
{
border: dashed 1px #ccff55 !important;
}
li
{
border: dashed 1px #aaaa44 !important;
}
h1, h2, h3, h4, h5, h6, p, caption
{
border: dotted 1px #eeeeee !important;
}
table
{
border: solid 4px #775500 !important;
}
table table
{
border: solid 8px #997700 !important;
}
table table table
{
border: solid 16px #dd9900 !important;
}
table table table table
{
border: solid 32px #ffaa00 !important;
}
tr
{
border: solid 2px #886600 !important;
}
td, th
{
border: solid 1px #997700 !important;
}
font, center, applet, embed, noembed, layer, marquee, multicol, spacer, blink, basefont, dir, menu, xmp, plaintext, listening, nobr, wbr, u, s, strike, bgsound
{
display: block;
background-color: #aa0000 !important;
border: solid 2px #ff0000 !important;
min-width: 50px;
min-height: 50px;
}
img
{
border: solid 2px #880066 !important;
}
img:hover
{
border: solid 2px #ff6600 !important;
}
script
{
border: outset 16px #00aa00 !important;
min-width: 50px;
min-height: 50px;
}
object, iframe
{
border: outset 4px #00ff00 !important;
min-width: 50px;
min-height: 50px;
}
frameset, frame, noframes
{
border: outset 2px #00ff00 !important;
min-width: 50px;
min-height: 50px;
}
a[href^="javascript:"]:before {content:"[js] "; color:#f55; background-color:transparent;}
a[href="#"][onclick]:before {content:"[js] "; color:#f55; background-color:transparent;}