Well the css rules came from me and a library I integrated. My custom head component overloads DIV, and other variations of DIV definitions.
Here is the output <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";><html xmlns="http://www.w3.org/1999/xhtml";> <head><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/> <title></title> <link type="text/css" rel="stylesheet" href="/assets/1.0-SNAPSHOT-1361174128323/core/default.css"/><link type="text/css" rel="stylesheet" href="/assets/1.0-SNAPSHOT-1361174128323/core/tapestry-console.css"/><link type="text/css" rel="stylesheet" href="/assets/1.0-SNAPSHOT-1361174128323/core/t5-alerts.css"/><link type="text/css" rel="stylesheet" href="/assets/1.0-SNAPSHOT-1361174128323/core/tree.css"/><link type="text/css" rel="stylesheet" href="/assets/1.0-SNAPSHOT-1361174128323/kawwa2_asset/css/k-structure.css"/><link type="text/css" rel="stylesheet" href="/assets/1.0-SNAPSHOT-1361174128323/kawwa2_asset/theme/css/k-theme0.css"/> <!--[if lt IE 9]> <link media="all" type="text/css" rel="stylesheet" href="/assets/1.0-SNAPSHOT-1361174128323/kawwa2_asset/theme/css/iehacks0.css"/> <![endif]--> <link type="text/css" rel="stylesheet" href="/assets/1.0-SNAPSHOT-1361174128323/kawwa2_asset/css/library.css"/><link type="text/css" rel="stylesheet" href="/assets/1.0-SNAPSHOT-1361174128323/tynamo-0.5.1-SNAPSHOT-1361169969000/themes/tapestryskin/theme.css"/><link type="text/css" rel="stylesheet" href="/assets/1.0-SNAPSHOT-1361174128323/jquery/form.css"/> <!-- here is my custom head component --> <!--Page: Image_0--> <!--Generated: Mon Feb 18 16:03:15 EST 2013--> <!-- Checkout these Custom <HEAD> widget...Style Overrides --> <style type="text/css"> html, body { width: auto; margin: 5px; border:0px solid orange; background: #fff url( /tynamo/blob/adminlayout/1/background ) top left repeat; background-attachment:fixed; } div#eventcolumn { position: relative; top: 0; left: 0; float: left; width: 180px; margin: 40px 0 20px 0; padding: 0; display: inline; background-color:rgb(123,223,223); border-top-color: #ccc; border-top-style: solid; border-top-width: 1px; border-right-color: #ccc; border-right-style: solid; border-right-width: 1px; border-bottom-color: #ccc; border-bottom-style: solid; border-bottom-width: 1px; background-color:rgb(123,223,223); border:3px solid red; } div#menubar { align: center; } div#page { width: 96%; margin: 15px; border:2px solid green; background-color:#FFF0F0; } div#header { background-height: auto; margin: 15px; z-index : 50; border:2px solid blue; background: #fff url( /tynamo/blob/adminlayout/1/header ) top left no-repeat; background-size: 100% 100%; } div#content { border:2px solid yellow; } div#footer { width: 95%; margin: 30px 15px 5px 15px; position: relative; border:2px solid orange; } div#splash { border:2px solid white; background: #fff url( /tynamo/blob/adminlayout/1/splash ) top left no-repeat; } </style><!--Render time: ~ 1361221395941ms--> <meta content="Apache Tapestry Framework (version 5.3.6)" name="generator"/><script src="/assets/1.0-SNAPSHOT-1361174128323/tap-jquery/tapestry.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/jquery_core/jquery-1.7.2.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/ui_1_8_24/jquery.ui.core.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/ui_1_8_24/jquery.ui.position.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/ui_1_8_24/jquery.ui.widget.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/ui_1_8_24/jquery.effects.core.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/jquery.json-2.2.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/ui_1_8_24/jquery.effects.highlight.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/jquery.effects.show.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/core/underscore_1_3_3.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/core/t5-core.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/core/t5-spi.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/t5-jquery.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/core/t5-init.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/core/t5-pubsub.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/core/t5-events.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/t5-dom-jquery.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/t5-console-jquery.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/t5-ajax-jquery.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/core/t5-formfragment.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/t5-alerts-jquery.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/tapestry-jquery.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/core/tapestry-console.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/t5-tree-jquery.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/core/tapestry-messages.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/validation.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/tapestry-beanvalidator-jquery.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/kawwa2_asset/assets/superfish.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/kawwa2_asset/assets/kawwa.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/jquery/ui_1_8_24/jquery.ui.tabs.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/hibernatesecurity-1.0-SNAPSHOT-1361174128323/components/Gallery.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/hibernatesecurity-1.0-SNAPSHOT-1361174128323/components/TransparentTextImage.js" type="text/javascript"></script><script src="/assets/1.0-SNAPSHOT-1361174128323/core/scriptaculous_1_9_0/dragdrop.js" type="text/javascript"></script></head> <body> blah blah blah
