From 9c4ef72803de06cf6d44543234cd6886d472aa95 Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Thu, 3 Oct 2013 15:17:09 -0700
Subject: [PATCH] Detail view: Add tabbed appearance

---
 ui/stylesheets/cloudstack.scss    | 18 +++++++++++++
 ui/stylesheets/csui/_csui.scss    |  1 +
 ui/stylesheets/csui/_details.scss | 45 +++++++++++++++++++++++++++++++
 3 files changed, 64 insertions(+)
 create mode 100644 ui/stylesheets/csui/_details.scss

diff --git a/ui/stylesheets/cloudstack.scss b/ui/stylesheets/cloudstack.scss
index b8b5ee01598..43d4604c0e4 100644
--- a/ui/stylesheets/cloudstack.scss
+++ b/ui/stylesheets/cloudstack.scss
@@ -225,6 +225,24 @@ body {
     max-height: 85%;
 }
 
+.detail-view {
+    .ui-tabs-nav {
+        @include csui-tabs;
+
+        li.ui-state-active {
+            @include csui-tab-active;
+        }
+    }
+
+    .detail-group {
+        @include csui-details;
+    }
+
+    .ui-tabs-hide {
+        display: none;
+    }
+}
+
 // Panel toolbars
 .toolbar {
     @include csui-toolbar;
diff --git a/ui/stylesheets/csui/_csui.scss b/ui/stylesheets/csui/_csui.scss
index b3584c3c370..508d9380006 100644
--- a/ui/stylesheets/csui/_csui.scss
+++ b/ui/stylesheets/csui/_csui.scss
@@ -56,5 +56,6 @@ html, body {
 @import "asset";
 @import "dialog";
 @import "list";
+@import "details";
 @import "toolbar";
 @import "breadcrumbs";
\ No newline at end of file
diff --git a/ui/stylesheets/csui/_details.scss b/ui/stylesheets/csui/_details.scss
new file mode 100644
index 00000000000..50ea9c9d378
--- /dev/null
+++ b/ui/stylesheets/csui/_details.scss
@@ -0,0 +1,45 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+@mixin csui-tab {
+    float: left;
+    list-style: none;
+    padding: 15px 40px;
+    margin: 0px;
+}
+
+@mixin csui-tab-active {
+    background: lighten(#ccc, 10%);
+    border-radius: 8px 8px 0 0;
+    margin: 0;
+}
+
+@mixin csui-tabs {
+    @include row;
+
+    margin: 0;
+    padding: 0;
+
+    li {
+        @include csui-tab;
+    }
+}
+
+@mixin csui-details {
+    background: lighten(#ccc, 10%);
+    padding: 15px;
+}
\ No newline at end of file