Web ressourcer | HTML version | XHTML version | justdesign

/*  CSS  (Crappy Style Shit!)  */ 
/* best viewed in 1680 x 1050! */ 
 
@media print { 
  html      { width:100%; margin:0; } 
  html[lang="x-klingon"], html[lang="x-klingon"] * { background-image:none !important; background-color:white !important; color:black !important; border-style:none !important; overflow:visible !important; } 
  html[lang="x-klingon"] pre { overflow:visible !important; } 
  html[lang="x-klingon"] dl { display:none; } 
} 
 
@media screen, projection { 
  html      /*{ width:80%; margin:25px auto; }*/ { width:658px; margin:15px auto; } 
} 
 
@media screen, projection, print { 
  *             { padding:0; border:none; margin:0; } 
  html          { padding:2em 10px /*padding:2em 1em*/; border:dotted 6px #e2580a; background:#02174a url(firedark.gif) bottom right no-repeat; color:silver; } 
  body          { position:relative; width:620px/*700px*/; height:700px; margin:0 auto; background:#fdf48d url(firefox.gif) left bottom no-repeat; font-size:82%; font-family:verdana,arial,helvetica,sans-serif; color:black; } 
  h1            { position:absolute; left:58.5%; bottom:16%; z-index:5; font-size:2.2em; } 
  h2            { width:32%; height:20px; padding:7px 15px; border-left:solid 10px #0a609e; font-size:1.3em; background:#0a609f; color:white; } 
  p             { width:65%; padding:10px 15px; background-color:inherit; color:black; } 
  .para         { border-left:solid 10px #0a609e; background:#ade1e9; color:inherit; } 
  .fod          { padding-top:1em; background-color:inherit; color:red; font-size:1.1em; }  .fod em       { display:block; float:right; } 
  dl            { position:absolute; right:0; width:150px; height:100%/*600px*/; background:#f9bf37 url(divTableFree.png) 50% 90% no-repeat; color:black; } 
  dt            { height:20px; padding:7px 10px; background:#ade1e9; color:black; text-align:center; font: normal bold 1.3em 'Stylus BT','Comic sans MS',TSCu_Comic,cursive; } 
  dt a          { background-color:inherit; color:black; text-decoration:none; }  dt a:hover { background-color:inherit; color:red; } 
  dd a          { display:block; width:135px; height:23px; padding-top:3px; padding-left:15px; border-bottom:solid 1px #0a609e; background:#5cb1d4; color:white; text-decoration:none; } 
  dd a:hover    { background:#fdf48d; color:red; } 
  .gas          { padding:0 4px; margin-top:15px; text-align:center; font-size:85%; }  .gas span { background:inherit; color:red; font-style:italic; } 
  .gas a        { display:inline; padding:0; border:none; background:#f9bf37; color:#0a609e; } 
  .gas a:hover  { background:#f9bf37; color:red; } 
  code          { font-weight:bold; font-family:'Lucida Sans Typewriter','Lucida Console','Courier new','Courier 10 Pitch',monospace; font-size:1em; } 
  p.warn        { width:8em; padding:5px; border:dashed 2px #ff6600; margin:1em; background-color:inherit; color:#ff6600; font-size:2em; font-weight:bold; font-family:'Courier new','Courier 10 Pitch',courier,monospace; } 
  li            { padding:0; text-align:left} ul { margin:0 auto; width:60%; } 
} 
/* Wide screens are cute, really :o) */