You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by bf...@apache.org on 2013/10/16 00:40:36 UTC
git commit: updated refs/heads/ui-restyle to 2918a73
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 <br...@citrix.com>
Authored: Tue Oct 15 15:40:22 2013 -0700
Committer: Brian Federle <br...@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