cloudstack-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From bfede...@apache.org
Subject git commit: updated refs/heads/ui-restyle to 2918a73
Date Tue, 15 Oct 2013 22:40:36 GMT
Updated Branches:
  refs/heads/ui-restyle bd71fbba9 -> 2918a73ca


Style multi-edit


Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/2918a73c
Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/2918a73c
Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/2918a73c

Branch: refs/heads/ui-restyle
Commit: 2918a73ca52290b585928e1e4cc7756321f89856
Parents: bd71fbb
Author: Brian Federle <brian.federle@citrix.com>
Authored: Tue Oct 15 15:40:22 2013 -0700
Committer: Brian Federle <brian.federle@citrix.com>
Committed: Tue Oct 15 15:40:22 2013 -0700

----------------------------------------------------------------------
 ui/stylesheets/cloudstack.css  | 110 ++++++++++++++++++++++++++++++++++++
 ui/stylesheets/cloudstack.scss |   1 +
 ui/stylesheets/multi-edit.scss |  66 ++++++++++++++++++++++
 3 files changed, 177 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cloudstack/blob/2918a73c/ui/stylesheets/cloudstack.css
----------------------------------------------------------------------
diff --git a/ui/stylesheets/cloudstack.css b/ui/stylesheets/cloudstack.css
index f6bed1a..4a4f90b 100644
--- a/ui/stylesheets/cloudstack.css
+++ b/ui/stylesheets/cloudstack.css
@@ -6665,6 +6665,116 @@ ul.ui-tabs-nav {
       text-decoration: underline;
       color: black; }
 
+.multi-edit {
+  overflow: auto;
+  width: 100%;
+  overflow: auto;
+  font-size: 11px; }
+  .multi-edit table {
+    width: 100%; }
+    .multi-edit table th, .multi-edit table tr td {
+      padding: 7px; }
+    .multi-edit table th {
+      text-align: left;
+      border: 1px solid #b9b9b9;
+      background: #e8e8e8;
+      font-size: 11px;
+      color: #474747;
+      background-color: white;
+      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white),
color-stop(100%, #e2e2e2));
+      background-image: -webkit-linear-gradient(white, #e2e2e2);
+      background-image: linear-gradient(white, #e2e2e2); }
+    .multi-edit table tr:not(.empty) {
+      border-bottom: 1px solid #ccc; }
+    .multi-edit table tr:nth-child(even) {
+      background: #f7f7f7; }
+    .multi-edit table tr td {
+      padding: 5px;
+      font-size: 11px;
+      max-width: 100px; }
+      .multi-edit table tr td span {
+        float: left; }
+    .multi-edit table th.actions, .multi-edit table td.actions {
+      width: 80px; }
+    .multi-edit table th.reorder, .multi-edit table td.reorder {
+      width: 150px; }
+    .multi-edit table td.first {
+      cursor: pointer; }
+      .multi-edit table td.first:hover {
+        color: #237AD7; }
+    .multi-edit table.body {
+      margin-top: 0px; }
+  .multi-edit .button {
+    background-color: white;
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white),
color-stop(100%, gray));
+    background-image: -webkit-linear-gradient(white, gray);
+    background-image: linear-gradient(white, gray);
+    display: block;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    padding-left: 12px;
+    padding-right: 12px;
+    min-width: 92px;
+    font-size: 12px;
+    border-radius: 3px;
+    border: 1px solid black;
+    cursor: pointer;
+    text-align: center; }
+    .multi-edit .button:hover {
+      box-shadow: inset 0 0 10px black; }
+  .multi-edit th, .multi-edit td {
+    min-width: 100px;
+    white-space: nowrap; }
+  .multi-edit input[type=text], .multi-edit select {
+    padding-top: 5px;
+    padding-bottom: 5px;
+    width: 100%; }
+  .multi-edit td.add-vm .button {
+    background-color: white;
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white),
color-stop(100%, gray));
+    background-image: -webkit-linear-gradient(white, gray);
+    background-image: linear-gradient(white, gray);
+    display: block;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    padding-left: 12px;
+    padding-right: 12px;
+    min-width: 92px;
+    font-size: 12px;
+    border-radius: 3px;
+    border: 1px solid black;
+    cursor: pointer;
+    text-align: center;
+    background-color: darkgrey;
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, darkgrey),
color-stop(100%, #262626));
+    background-image: -webkit-linear-gradient(darkgrey, #262626);
+    background-image: linear-gradient(darkgrey, #262626);
+    background-color: #2e2e2e;
+    color: white;
+    font-weight: bold;
+    text-shadow: 0px 1px 1px black; }
+    .multi-edit td.add-vm .button:hover {
+      box-shadow: inset 0 0 10px black; }
+  .multi-edit .data-item {
+    margin-top: 15px;
+    margin-bottom: 15px; }
+    .multi-edit .data-item .expand {
+      float: left;
+      cursor: pointer;
+      margin-right: 10px;
+      color: darkgray; }
+      .multi-edit .data-item .expand:before {
+        font-family: FontAwesome;
+        font-weight: normal;
+        font-style: normal;
+        text-decoration: inherit;
+        -webkit-font-smoothing: antialiased;
+        *margin-right: .3em;
+        content: "\f055";
+        font-size: 18px; }
+      .multi-edit .data-item .expand:hover {
+        color: black; }
+
 html body > .login {
   height: 100%;
   min-height: 630px;

http://git-wip-us.apache.org/repos/asf/cloudstack/blob/2918a73c/ui/stylesheets/cloudstack.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/cloudstack.scss b/ui/stylesheets/cloudstack.scss
index 8516e36..29067eb 100644
--- a/ui/stylesheets/cloudstack.scss
+++ b/ui/stylesheets/cloudstack.scss
@@ -22,6 +22,7 @@
 @import "instance-wizard";
 @import "list-view";
 @import "detail-view";
+@import "multi-edit";
 
 html body > .login {
     @include csui-login;

http://git-wip-us.apache.org/repos/asf/cloudstack/blob/2918a73c/ui/stylesheets/multi-edit.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/multi-edit.scss b/ui/stylesheets/multi-edit.scss
new file mode 100644
index 0000000..cedc79f
--- /dev/null
+++ b/ui/stylesheets/multi-edit.scss
@@ -0,0 +1,66 @@
+// 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.
+.multi-edit {
+    @include csui-list;
+
+    width: 100%;
+    overflow: auto;
+    font-size: 11px;
+
+    .button {
+        @include csui-button;
+    }
+
+    th, td {
+        min-width: 100px;
+        white-space: nowrap;
+    }
+
+    input[type=text], select {
+        padding-top: 5px;
+        padding-bottom: 5px;
+        width: 100%;
+    }
+
+    td.add-vm {
+        .button {
+            @include csui-button-cta;
+        }
+    }
+
+    .data-item {
+        margin-top: 15px;
+        margin-bottom: 15px;
+
+        .expand {
+            float: left;
+            cursor: pointer;
+            margin-right: 10px;
+            color: darkgray;
+            
+            &:before {
+                @include icon($plus-sign);
+                
+                font-size: 18px;                
+            }
+
+            &:hover {
+                color: black;
+            }
+        }
+    }
+}
\ No newline at end of file


Mime
View raw message