rbrindley: branch rbrindley/vmenus_revamp r4404 - in /team/rbrindley/vmenus_r...

[SVN commits to the Asterisk-GUI project]

Author: rbrindley
Date: Thu Jan  8 13:46:34 2009
New Revision: 4404

URL: http://svn.digium.com/view/asterisk-gui?view=rev&rev=4404
Log:

- modified something of class names in menus2.html's html to match the new styling
- styled initial pass for ui-tabs-side


Modified:
    team/rbrindley/vmenus_revamp/config/menus2.html
    team/rbrindley/vmenus_revamp/config/stylesheets/ui-tabs-side.css

Modified: team/rbrindley/vmenus_revamp/config/menus2.html
URL: http://svn.digium.com/view/asterisk-gui/team/rbrindley/vmenus_revamp/config/menus2.html?view=diff&rev=4404&r1=4403&r2=4404
==============================================================================
--- team/rbrindley/vmenus_revamp/config/menus2.html (original)
+++ team/rbrindley/vmenus_revamp/config/menus2.html Thu Jan  8 13:46:34 2009
@@ -64,15 +64,17 @@
 <div id="actions_container"> Actions </div>
 <div id="vmenus_container">
 	<div id="vmenus_edit_container">
-		<div id="vmenus_list">
+		<div id="vmenus_list" class="ui-tabs-nav-side-container">
 			<div class="title"> Voice Menus </div>
-			<ul id="vmenus_edit_tabs" class="ui-tabs-nav">
+			<ul id="vmenus_edit_tabs" class="ui-tabs-nav-side">
+				<li><a href="#vmenu_6000"><span>test - 6000</span></a></li>
 				<li><a href="#vmenu_untitled1"><span>Untitled1</span></a></li>
 				<li><a href="#vmenu_new"><span>&lt;new&gt;</span></a></li>
 			</ul>
 		</div>
-		<div id="vmenu_untitled1" class="ui-tabs-panel"> test</div>
-		<div id="vmenu_new" class="ui-tabs-panel"> test 2</div>
+		<div id="vmenu_6000" class="ui-tabs-panel-side"> test</div>
+		<div id="vmenu_untitled1" class="ui-tabs-panel-side"> test</div>
+		<div id="vmenu_new" class="ui-tabs-panel-side"> test 2</div>
 	</div>
 </div>
 

Modified: team/rbrindley/vmenus_revamp/config/stylesheets/ui-tabs-side.css
URL: http://svn.digium.com/view/asterisk-gui/team/rbrindley/vmenus_revamp/config/stylesheets/ui-tabs-side.css?view=diff&rev=4404&r1=4403&r2=4404
==============================================================================
--- team/rbrindley/vmenus_revamp/config/stylesheets/ui-tabs-side.css (original)
+++ team/rbrindley/vmenus_revamp/config/stylesheets/ui-tabs-side.css Thu Jan  8 13:46:34 2009
@@ -1,16 +1,49 @@
-ui-tabs-nav-side {
+.ui-tabs-nav-side-container {
+	-moz-border-radius-topleft: 8px;
+	-moz-border-radius-bottomleft: 8px;
+	-webkit-border-radius-topleft: 8px;
+	-webkit-border-radius-bottomleft: 8px;
+	float: left;
+	width: 150px;
+}
+
+.ui-tabs-nav-side-container .title {
+	color: #6b79a5;
+	font-size: 20px;
+	font-weight: bold;
+	text-align: center;
+}
+
+.ui-tabs-nav-side {
+	background-color: #ffffff;
+	list-style-type: none;
+	margin: 3px 0px 10px 2px;
+	padding: 2px;
+	padding-right: 0px;
 }
 
 .ui-tabs-nav-side li {
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	margin: 2px;
+	padding: 1px;
 }
 
 ul.ui-tabs-nav-side li.ui-tabs-selected-side {
+	-moz-border-radius-topright: 0px;
+	-moz-border-radius-bottomright: 0px;
+	-webkit-border-radius-topright: 0px;
+	-webkit-border-radius-bottomright: 0px;
+	background-color: #6b79a5;
+	margin-right: 0px;
 }
 
 ul.ui-tabs-nav-side li.ui-tabs-disabled-side {
 }
 
 ul.ui-tabs-nav-side li a {
+	outline: 0;
+	text-decoration: none;
 }
 
 ul.ui-tabs-nav-side li a:hover {
@@ -20,22 +53,31 @@
 }
 
 .ui-tabs-nav-side li a span {
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 3px;
-	background-color: #6b79a5;
-	border: 1px solid #bdc7e7;
+	display: block;
+	padding-left: 15px;
+	width: 100%;
 }
 
 ul.ui-tabs-nav-side li.ui-tabs-selected-side a span {
 }
 
 ul.ui-tabs-nav-side li a, ul.ui-tabs-nav-side li a:visited {
+	color: #333333;
 }
 
 ul.ui-tabs-nav-side li.ui-tabs-selected-side a, ul.ui-tabs-nav-side li.ui-tabs-selected-side a:visited {
+	color: #efefef;
 }
 
 div.ui-tabs-panel-side {
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
+	background-color: #FFFFFF;
+	border: 1px solid #6b79a5;
+	margin: 0px;
+	margin-left: 150px;
+	min-height: 100px;
+	padding: 4px;
 }
 
 div.ui-tabs-hide-side {