body { background-color:#dddddd; } td { background-color:#eeeeee; align:center; } .postit { width: 90%; height: 100%; margin: 5px; } .postit table { background-color:#ffee66; width: 90%; height: 100%; align:center; padding: 5; } .postit img { width:20; height:20; } .postit table td{ background-color:#ffee66; align:center; } table.tasks td { padding:5; } #taskboard_container { width: 95%; padding:10; } #user_story_info { margin:10; } .tablepostitdiv { display: table; background-color:#eeeeee; border:1px solid #666666; border-spacing:5px;/*cellspacing:poor IE support for this*/ border-collapse:separate; width: 100%; } #dropableTaskContainer div { height:100%; } .cellheaderpostitdiv { float:left; display: table-cell; width:25%; height: 95%; } .cellheaderpostitdiv p { padding:5; } .cellpostitdiv { float:left; display: table-cell; width:25%; height: 95%; border-top-width:2px; border-top-style:dotted; border-top-color:#ff9900; } .rowpostitdiv { width: 90%; display: table-row; margin-left:auto; margin-right:auto; } .taskboard { width: 100%; } .taskboardtitle { width: 100%; height: 100%; } .taskboardtitle tr { width: 100%; height: 100%; } .taskboardtitle td { background-color:#668800; color:#ffffff; padding:5; width: 100%; height: 100%; } .menu { padding:10; } #user_story_menu { padding:10px; }
User Story:
 
]]>