{
  "$type": "site.standard.document",
  "canonicalUrl": "https://www.simoncox.com/short-articles/2002-05-13-mac-classic-os-windows-with-css!/",
  "description": "A couple of Mac sites have complicated tables forming Mac like windows for showing stories. I tried this in css alone and reduce the number of graphics as well.",
  "path": "/short-articles/2002-05-13-mac-classic-os-windows-with-css!/",
  "publishedAt": "2002-05-13T00:00:00.000Z",
  "site": "at://did:plc:tki7vwlanxbwrz2er67eaeqa/site.standard.publication/3mp4h4md7zv2y",
  "tags": "Web",
  "textContent": "A couple of Mac sites have complicated tables forming Mac like windows for showing stories. I wanted to try and do this in css alone and reduce the number of graphics as well.\n\nThe css is as follows:\n\n<style>\n\t#box1 {border: 1px #000000 solid;}\n\t#box2 {border: 1px solid;border-color: #fffffe #999999 #999999 #fffffe;}\n\t#box3 {border: 1px #cccccc solid;background: url(box3_full_background.gif) no-repeat #cccccc;color: #000000;text-align: center;}\n\t#box5 {border: 1px solid;border-color: #999999 #fffffe #fffffe #999999;}\n\t#box6 {border: 1px #000000 solid;color: #000000;background: #fffffe;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;font-weight: normal;text-align: left;}\n</style>\n\n<section id=\"box1\">\n\t<section id=\"box2\">\n\t\t<section id=\"box3\"><span class=\"boxheading\">Mac OS 6-9</span>\n\t\t\t\t<section id=\"box5\">\n\t\t\t\t\t<section id=\"box6\"> \n\t\t\t\t\t\t<p>Five boxes inside each other. Viola. I might have a go at OSX and windows next.</p>\n\t\t\t\t\t</section>\n\t\t\t\t</section>\n\t\t</section>\n\t</section>\n</section>",
  "title": "Mac Classic OS windows with css!"
}