make installer layout gala compatible

1 files changed, 76 insertions, 67 deletions

diff --git a/style/install.css b/style/install.css
index 68c1c48..3050a1e 100644
--- a/style/install.css
+++ b/style/install.css
@@ -1,102 +1,111 @@
 /*  layout */
-.install	{width:900px; padding:0px; margin-left:auto; margin-right:auto; color:#000;}
-.body		{float:left; width:680px; background:#fff; border:1px solid #2c4268; line-height:16px;}
-.nav		{float:right; width:200px;}
+div#container				{width:900px;margin:0 auto}
+div#content					{float:left;width:680px;}
+div#navigation				{float:right;width:200px}
+div#extra					{float:right;clear:right;width:200px}
+div#footer					{clear:both;width:100%}
+
+#container					{color:#000;}
+#content					{float:left; background:#fff; border:1px solid #2c4268; line-height:16px;}
+#navigation					{background:#fff; font-size:10px; border:1px solid #2c4268;}
+#extra						{background:#346; font-size:10px; border:1px solid #999; color:#ccc; margin:16px 0 0 0;}
+#footer						{background:#eee;}
+.progressbar				{padding:15px 5px; font-weight:bold;}
+.progressbar .bar			{border:1px solid #888; background:#457; margin:2px 0;}
+.progressbar .progress		{background:#c30; text-align: center;padding:5px 0; color:#fff;}
 
 /* global stuff */
-body	{background:#124; font-family:verdana, arial, helvetica, sans-serif; font-weight:normal; font-size:12px; margin:0px; padding:10px; vertical-align:middle; color:#fff;}
-table	{border-collapse:collapse; padding:0; margin:0; width:100%;}
-caption	{font-weight:bold; padding:5px 0 0 0;}
-th		{text-align:left; padding:3px 5px; background:#2c4268; border-bottom:2px solid #fff; color:#fff;}
-td		{padding:2px 3px; vertical-align:top;}
-hr		{border:1px solid #000;}
-p		{margin:0; padding:1em;}
+body						{background:#124; font-family:verdana, arial, helvetica, sans-serif; font-weight:normal; font-size:12px; margin:0px; padding:10px; vertical-align:middle; color:#fff;}
+table						{border-collapse:collapse; padding:0; margin:0; width:100%;}
+caption						{font-weight:bold; padding:5px 0 0 0;}
+th							{text-align:left; padding:3px 5px; background:#2c4268; border-bottom:2px solid #fff; color:#fff;}
+td							{padding:2px 3px; vertical-align:top;}
+hr							{border:1px solid #000;}
+p							{margin:0; padding:1em;}
 
 /* titles */
-h1			{font-size:160%; font-variant:small-caps;}
-h2			{font-size:140%;}
-h3			{font-size:120%;}
-h1,h2,h3	{font-weight:900; text-align:center; color:#900; margin:2px 0; padding:25px 0 0 0;}
+h1							{font-size:160%; font-variant:small-caps;}
+h2							{font-size:140%;}
+h3							{font-size:120%;}
+h1,h2,h3					{font-weight:900; text-align:center; color:#900; margin:2px 0; padding:25px 0 0 0;}
 
 /* links */
-a			{color:#f30; text-decoration:none;}
-a.external	{background:transparent url('images/external.gif') no-repeat right; padding-right:12px;}
-a:hover		{text-decoration:underline;}
-.icon		{border:0; vertical-align:middle;}
+a							{color:#f30; text-decoration:none;}
+a.external					{background:transparent url('images/external.gif') no-repeat right; padding-right:12px;}
+a:hover						{text-decoration:underline;}
+.icon						{border:0; vertical-align:middle;}
 
 /* styling */
-.bittop		{background:#fff url('images/bitweaver.gif') top left no-repeat;}
-.bittop h1	{font-size:10px; color:#666; text-align:right; padding:110px 10px 0 0; margin:0;}
-.header		{}
-.clear		{clear:both;}
-.highlight	{color:#139;}
+.bittop						{background:#fff url('images/bitweaver.gif') top left no-repeat;}
+.bittop h1					{font-size:10px; color:#666; text-align:right; padding:110px 10px 0 0; margin:0;}
+.header						{}
+.clear						{clear:both;}
+.highlight					{color:#139;}
 
 /* forms */
-form		{clear:both;}
+form						{clear:both;}
 form,
 input,
 textarea,
-select		{margin:0; padding:0; font-size:12px; font-family:verdana,arial,helvetica sans-serif;}
-fieldset	{padding:10px; margin:10px; border:0; border-top:3px solid #f60;}
-legend		{padding:2px 7px; background:#fff; font-weight:bold;}
-textarea	{width:100%;}
+select						{margin:0; padding:0; font-size:12px; font-family:verdana,arial,helvetica sans-serif;}
+fieldset					{padding:10px; margin:10px; border:0; border-top:3px solid #f60;}
+legend						{padding:2px 7px; background:#fff; font-weight:bold;}
+textarea					{width:100%;}
 
-.row				{overflow:auto; clear:both; margin:0 0 1.5em 0;}
-.formlabel			{float:left; width:24%; text-align:center; padding:0em 1% 1em 0; font-weight:bold;}
-.formfeedback		{}
-.formfeedback div	{padding:4px; border-bottom:1px dotted #aaa;}
+.row						{overflow:auto; clear:both; margin:0 0 1.5em 0;}
+.formlabel					{float:left; width:24%; text-align:center; padding:0em 1% 1em 0; font-weight:bold;}
+.formfeedback				{}
+.formfeedback div			{padding:4px; border-bottom:1px dotted #aaa;}
 
-.error			{background:#fdd;}
-.warning		{background:#fed;}
-.success		{background:#def;}
-.current		{background:#ffc;}
-.help			{background:#eee;}
+.error						{background:#fdd;}
+.warning					{background:#fed;}
+.success					{background:#def;}
+.current					{background:#ffc;}
+.help						{background:#eee;}
 div.warning,
 div.success,
-div.error		{border:1px solid #999; padding:1em;}
+div.error					{border:1px solid #999; padding:1em;}
 p.warning,
 p.success,
-p.error			{border:1px solid #999;}
-p.help			{border:1px solid #ccc; margin:0.5em 0;}
+p.error						{border:1px solid #999;}
+p.help						{border:1px solid #ccc; margin:0.5em 0;}
 
-.formfeedback ul {padding:0; margin:0;}
-.formfeedback li {border-bottom:1px dotted #aaa;}
+.formfeedback ul 			{padding:0; margin:0;}
+.formfeedback li 			{border-bottom:1px dotted #aaa;}
 
 li.error,
 li.warning,
-li.success		{list-style:none; padding:4px; margin:0;}
+li.success					{list-style:none; padding:4px; margin:0;}
 
-.forminput		{margin-left:26%;}
-.forminput tr	{padding:4px; border-bottom:1px dotted #aaa;}
-.forminput p	{margin:0.5em 0;}
-.formhelp		{color:#666; font-size:10px; cursor:help;}
-.submit			{text-align:center; margin:10px 0 2em 0;}
+.forminput					{margin-left:26%;}
+.forminput tr				{padding:4px; border-bottom:1px dotted #aaa;}
+.forminput p				{margin:0.5em 0;}
+.formhelp					{color:#666; font-size:10px; cursor:help;}
+.submit						{text-align:center; margin:10px 0 2em 0;}
 select,
-input 			{padding:5px 10px; font-weight:bold;}
-table input		{padding:0 10px;}
+input 						{padding:5px 10px; font-weight:bold;}
+table input					{padding:0 10px;}
 
 /* special style for checks page */
-.checks .formlabel	{float:none; width:auto; text-align:left; padding:0.5em; background:#68a; color:#fff; border:#000 1px solid;}
-.checks .forminput	{margin-left:10%;}
+.checks .formlabel			{float:none; width:auto; text-align:left; padding:0.5em; background:#68a; color:#fff; border:#000 1px solid;}
+.checks .forminput			{margin-left:10%;}
 
-dl	{padding:0; margin:0.5em 0; line-height:1.3em;}
-dt	{padding:0; margin:0; width:30%; text-align:right; font-weight:bold;}
-dd	{padding:0; margin:-1.3em 0 0.5em 32%;}
+dl							{padding:0; margin:0.5em 0; line-height:1.3em;}
+dt							{padding:0; margin:0; width:30%; text-align:right; font-weight:bold;}
+dd							{padding:0; margin:-1.3em 0 0.5em 32%;}
 
 /* navigation and status */
-.nav			{background:#fff; font-size:10px; border:1px solid #2c4268;}
-.nav a			{color:#009;}
-.nav ul			{font-weight:bold;}
-.nav ul,
-.nav li,
+#navigation a				{color:#009;}
+#navigation ul				{font-weight:bold;}
+#navigation ul,
+#navigation li,
 ul.result,
-.result li		{padding:0; margin:0;}
-ul				{padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0;}
-.nav li,
-.result li		{list-style:none; border-bottom:1px dotted #bbb; padding:7px;}
-.nav .title		{letter-spacing:1px; color:#900; text-align:center; padding:110px 0 10px 0; background:#fff url('images/ometer.gif') top center no-repeat;}
-.progressbar	{background:#fff; font-size:10px; color:#666; padding:15px 5px;}
-.result li li	{border:0; padding:1px; list-style:circle;}
+.result li					{padding:0; margin:0;}
+ul							{padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0;}
+#navigation li,
+.result li					{list-style:none; border-bottom:1px dotted #bbb; padding:7px;}
+#navigation .title			{letter-spacing:1px; color:#900; text-align:center; padding:110px 0 10px 0; background:#fff url('images/ometer.gif') top center no-repeat;}
+.result li li				{border:0; padding:1px; list-style:circle;}
 
 /* tabs */
 .tabsystem .tabcontainer ul,