cloudstack/ui/css/src/scss/components/tooltip-box.scss
M. Weber a5da389b15 Enhancement scss refactoring (#3328)
* Introduce jsbeautifyrc and sass linter for automated unified scss code syntax

* Introduce new z-index scss file to manage different z-index correctly

* Use beautify tool for scss files and sass lint fix all scss files

* Add vscode folder to gitignore

* Add more new files to global gitignore

* Refactor scss files and rework custom styles implementation strategy

* Remove outdated ie7 styles

* Fix typo of facebook input token include

* Fix apache licences for new lint files

* Splitt massive cloudstack.scss into many modular and smaller files

* Refactor scss language files

* Change and move apache licence css file name
2019-05-23 11:09:31 +02:00

49 lines
1.5 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.
.tooltip-box {
display: inline-block;
width: 15%;
height: auto;
margin-left: 23px;
padding: 4px;
padding: 10px;
border: 1px solid #beb8b8;
/*+border-radius:4px;*/
border-radius: 4px;
box-shadow: 0 1px 12px #353535;
background: #ffffff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
/*+box-shadow:0px 1px 12px #353535;*/
-khtml-border-radius: 4px;
-moz-box-shadow: 0 1px 12px #353535;
-webkit-box-shadow: 0 1px 12px #353535;
-o-box-shadow: 0 1px 12px #353535;
}
.tooltip-box .arrow {
position: relative;
position: absolute;
top: 3px;
/*+placement:shift -16px 3px;*/
left: -16px;
width: 19px;
height: 30px;
background: url('../images/sprites.png') -585px -947px;
}