mirror of https://github.com/apache/cloudstack.git
88 lines
2.0 KiB
SCSS
88 lines
2.0 KiB
SCSS
// 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-button {
|
|
@include linear-gradient(#fff, #ccc);
|
|
|
|
display: block;
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
min-width: 92px;
|
|
font-size: 11px;
|
|
border-radius: 3px;
|
|
border: 1px solid #999999;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
|
|
&:hover {
|
|
box-shadow: inset 0 0 10px #ccc;
|
|
@include linear-gradient(#fff, darken(#fff, 5%));
|
|
}
|
|
}
|
|
|
|
@mixin csui-button-simple {
|
|
@include csui-button;
|
|
|
|
background: none;
|
|
border-color: transparent;
|
|
|
|
&:hover {
|
|
box-shadow: none;
|
|
border-color: #ccc;
|
|
}
|
|
}
|
|
|
|
@mixin csui-button-cta {
|
|
@include csui-button;
|
|
@include linear-gradient(darkgray, lighten(black, 15%));
|
|
|
|
background-color: #2e2e2e;
|
|
border: 1px solid black;
|
|
color: white;
|
|
font-weight: bold;
|
|
text-shadow: 0px 1px 1px black;
|
|
|
|
&:hover {
|
|
background: #2e2e2e;
|
|
}
|
|
}
|
|
|
|
@mixin csui-button-refresh {
|
|
@include csui-button-simple;
|
|
|
|
&:before {
|
|
@include icon($refresh);
|
|
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
|
|
// Defaults
|
|
.ui-dialog button {
|
|
&:not(.ok) {
|
|
@include csui-button;
|
|
}
|
|
|
|
&.ok {
|
|
@include csui-button-cta;
|
|
|
|
float: right;
|
|
}
|
|
|
|
float: left;
|
|
} |