Diagnostic Dogmeat Everything Edition
Diagnostic Dogmeat Everything Edition
includes henris contents and much diagnostic coloring and padding
HTML
<div class="body inner">
<embed allowfullscreen="true" src="http://blip.tv/play/hudgAq2FTA%2Em4v" allowscriptaccess="always" type="application/x-shockwave-flash" class="c2"> <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fdogmeat.page&layout=standard&show_faces=true&action=like&" class="c3"></iframe>
<iframe src="http://www.facebook.com/plugins/activity.php?site=whatgetsmehot.posterous.com&header=true&recommendations=true" class="c4"></iframe>
<iframe src="http://www.facebook.com/plugins/recommendations.php?site=http%3A%2F%2Fwhatgetsmehot.posterous.com%2F&header=true&colorscheme=dark&font&border_color" class="c5"></iframe> <a href="http://www.facebook.com/sharer.php?u=http://weirdopedia.posterous.com/47821357%2F&t=Untitled&language=en" target="_blank"><img src="http://whatgetsmehot.posterous.com/images/icons/services/facebook.png" alt="Share on Facebook" class="c6"></a>
<h1>Diagnostic Dogmeat Everything Edition
includes henris contents and much diagnostic coloring and padding </h1>
<h2>Articles</h2>
<dl>
<dt><a href="doctype/">Activating Browser Modes with Doctype</a></dt>
<dd>A document about the essentials of the layout modes of newer browsers. (<a lang='it' href='http://www.css-zibaldone.com/traduzioni/doctype/'>Una vecchia versione disponibile in italiano</a>.)</dd>
<dt><a href="producing-xml/">HOWTO Avoid Being Called a Bozo When Producing XML</a></dt>
<dd>Dos and don'ts about producing XML programmatically.</dd>
<dt><a href="png-gamma/">The Sad Story of PNG Gamma "Correction"</a></dt>
<dd>Why you might not want to use PNG images when you want image colors and CSS colors to match.</dd>
<dt><a href="http://www.mozilla.org/docs/web-developer/faq.html">Mozilla Web Author FAQ</a></dt>
<dd>Answers to questions Web authors ask frequently about Mozilla. The document is not part of my own site, but it's written by me.</dd>
<dt><a href="thesis/">An HTML5 Conformance...
CSS
*{
font : inherit;
font-size : inherit;
font-weight : inherit;
font-style : inherit;
margin : 0 0 0 0;
padding : 0 0 0 0;
color : inherit;
max-width:70em;
border:dashed lime 1px;
}
html {
font-family : 'OFL Sorts Mill Goudy TT', serif;
background-color : #c0ca86;
color : #2d3319;
padding : 2em;
border: blue solid 1em;
}
body {
margin : 0 auto 0 auto;
background-color : #dae1b1;
color : #24251c;
max-width : 70em;
border : 0.6em double #949d65;
padding : 0 1.5em 1.5em;
}
strong {
font-variant : small-caps;
font-family : 'Josefin Sans', serif;
}
h1, h2, h3, h4, h5, h6, dt, th, h1 + blockquote, .abstract, .courseid, .affiliation, .authors, .date, caption, .caption, figcaption {
font-family : 'Josefin Sans', sans-serif;
}
code, tt, pre, samp, kbd {
font-family : 'Josefin Sans', monospace;
font-size : 0.8em;
}
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code, dt code, th code, h1 tt, h2 tt, h3 tt, h4 tt, h5 tt, h6 tt, dt tt, th tt {
font-size : 0.78em;
}
pre code, pre tt {
font-size : 1em;
}
pre, dl {
margin-top : 0.5em;
margin-bottom : 0.5em;
}
dt {
page-break-after : avoid;
}
dd, li {
page-break-before : avoid;
page-break-inside : avoid;
margin-left : 1.5em;
}
em, i, var, cite {
font-style : italic;
}
h1, h2, h3 {
font-weight : bold;
}
h3, h4 {
font-size : 1.15em;
margin-bottom : 0.2em;
margin-top : 1em;
}
h2 {
font-size : 1.5em;
margin-bottom : 0.3em;
margin-top : 1.15em;
}
h1 {
font-size : 2em;
margin-bottom : 0.3em;
margin-top : 1.15em;
}
dt {
margin-bottom : 0.25em;
margin-top : 0.75em;
}
h1:before {
content : "Dogmeat";
display : inline;
text-transform : uppercase;
}
td, th, dd, li, .footer, footer {
margin-bottom : 0.5em;
text-indent : 0;
}
blockquote {
margin-top : 0.5em;
margin-bottom : 0.5em;
margin-left : 1.5em;
}
:first-letter {
color : black;
font-size : 150%;
}
:first-line {
background: orange;
border: 5px inset;red
}
footer {
padding: 2em yellow;
background-color : red;
display : block;
max-width : 70em;
}
sidebar {
float : right;
width :...