rbrindley: branch rbrindley/welcome_revamp r4179 - /team/rbrindley/welcome_re...

[SVN commits to the Asterisk-GUI project]

Author: rbrindley
Date: Thu Nov 20 21:02:38 2008
New Revision: 4179

URL: http://svn.digium.com/view/asterisk-gui?view=rev&rev=4179
Log:
added left and right container columns. created a few css styles in order to do this.

Modified:
    team/rbrindley/welcome_revamp/config/welcome2.html

Modified: team/rbrindley/welcome_revamp/config/welcome2.html
URL: http://svn.digium.com/view/asterisk-gui/team/rbrindley/welcome_revamp/config/welcome2.html?view=diff&rev=4179&r1=4178&r2=4179
==============================================================================
--- team/rbrindley/welcome_revamp/config/welcome2.html (original)
+++ team/rbrindley/welcome_revamp/config/welcome2.html Thu Nov 20 21:02:38 2008
@@ -27,6 +27,34 @@
 	background-color: #EFEFEF;
 }
 
+div.column {
+	display: block;
+}
+
+div.left {
+	float:left;
+	width: 60%;
+}
+
+div.right {
+	float:right;
+	width: 40%;
+}
+
+div.content_container {
+	background-color: #FFFFFF;
+	margin: 8px;
+	padding: 5px;
+}
+
+#sysstat_left_container {
+	margin-right: 4px;
+}
+
+#sysstat_right_container {
+	margin-left: 4px;
+}
+
 </style>
 <!-- End Initial CSS -->
 
@@ -51,33 +79,37 @@
 		<div id="sys_uptime"></div>
 	</div>
 
-	<div id="sysstat_left_container">
-		<div id="sys_status_users">
-			<div class="handle">ima handle</div>
-			item 1
-		</div>
-		<div id="sys_status_trunks">
-			<div class="handle">ima handle</div>
-			item 2
-		</div>
-		<div id="sys_status_queues">
-			<div class="handle">ima handle</div>
-			item 3
+	<div class="left column">
+		<div id="sysstat_left_container" class="content_container">
+			<div id="sys_status_users">
+				<div class="handle">ima handle</div>
+				item 1
+			</div>
+			<div id="sys_status_trunks">
+				<div class="handle">ima handle</div>
+				item 2
+			</div>
+			<div id="sys_status_queues">
+				<div class="handle">ima handle</div>
+				item 3
+			</div>
 		</div>
 	</div>
 
-	<div id="sysstat_right_container">
-		<div id="sys_status_agents">
-			<div class="handle">ima handle</div>
-			item 4
-		</div>
-		<div id="sys_status_meetme">
-			<div class="handle">ima handle</div>
-			item 5
-		</div>
-		<div id="sys_status_plot">
-			<div class="handle">ima handle</div>
-			item 6
+	<div class="right column">
+		<div id="sysstat_right_container" class="content_container">
+			<div id="sys_status_agents">
+				<div class="handle">ima handle</div>
+				item 4
+			</div>
+			<div id="sys_status_meetme">
+				<div class="handle">ima handle</div>
+				item 5
+			</div>
+			<div id="sys_status_plot">
+				<div class="handle">ima handle</div>
+				item 6
+			</div>
 		</div>
 	</div>