mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
a5da389b15
* 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
172 lines
4.0 KiB
SCSS
172 lines
4.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.
|
|
|
|
body.login {
|
|
background: url('../images/overlay-pattern.png') repeat center, #106ca9 url('../images/bg-login.jpg') no-repeat center;
|
|
background-size: auto, cover;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.login {
|
|
display: block;
|
|
position: relative;
|
|
top: 80px;
|
|
/*+placement:shift 0 80px;*/
|
|
left: 0;
|
|
width: 100%;
|
|
height: 350px;
|
|
background: #053663;
|
|
}
|
|
|
|
.login .select-language {
|
|
float: left;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.login .select-language select {
|
|
width: 260px;
|
|
margin-top: 20px;
|
|
border: 1px solid #808080;
|
|
/*+border-radius:4px;*/
|
|
border-radius: 4px;
|
|
border-radius: 4px 4px 4px 4px;
|
|
box-shadow: inset 0 1px 1px #838383;
|
|
font-size: 12px;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
/*+box-shadow:inset 0px 1px 1px #838383;*/
|
|
-khtml-border-radius: 4px;
|
|
-moz-box-shadow: inset 0 1px 1px #838383;
|
|
-webkit-box-shadow: inset 0 1px 1px #838383;
|
|
-o-box-shadow: inset 0 1px 1px #838383;
|
|
}
|
|
|
|
.login .fields {
|
|
float: left;
|
|
width: 409px;
|
|
margin: 72px 0 0 88px;
|
|
}
|
|
|
|
.login .fields .field {
|
|
position: relative;
|
|
}
|
|
|
|
.login .fields .field label {
|
|
position: absolute;
|
|
margin-top: 14px;
|
|
/*+placement:displace 9px 14px;*/
|
|
margin-left: 9px;
|
|
font-size: 12px;
|
|
color: #4e4f53;
|
|
}
|
|
|
|
.login .fields .field label.error {
|
|
float: right;
|
|
top: 0;
|
|
left: 264px;
|
|
color: #ff0000;
|
|
}
|
|
|
|
.login .fields input {
|
|
width: 248px;
|
|
height: 20px;
|
|
margin: 5px 0 0;
|
|
padding: 5px;
|
|
border: 0;
|
|
border-radius: 3px;
|
|
box-shadow: inset 0 1px 1px #4e4e4e;
|
|
/*+border-radius:3px;*/
|
|
background: #ececec;
|
|
font-size: 13px;
|
|
text-indent: 1px;
|
|
-moz-border-radius: 3px;
|
|
/*+box-shadow:inset 0px 1px 1px #4E4E4E;*/
|
|
-webkit-border-radius: 3px;
|
|
-khtml-border-radius: 3px;
|
|
-moz-box-shadow: inset 0 1px 1px #4e4e4e;
|
|
-webkit-box-shadow: inset 0 1px 1px #4e4e4e;
|
|
-o-box-shadow: inset 0 1px 1px #4e4e4e;
|
|
}
|
|
|
|
.login .fields input.error {
|
|
border-color: #ff8080;
|
|
background: #ffeaea;
|
|
}
|
|
|
|
.login .fields input[type='submit'] {
|
|
display: block;
|
|
float: left;
|
|
width: 69px;
|
|
height: 25px;
|
|
margin: 7px 120px 0 -1px;
|
|
border: 0;
|
|
background: transparent url('../images/sprites.png') -563px -747px;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
text-indent: -1px;
|
|
text-shadow: 0 1px 2px #000000;
|
|
/*+text-shadow:0px 1px 2px #000000;*/
|
|
cursor: pointer;
|
|
-moz-text-shadow: 0 1px 2px #000000;
|
|
-webkit-text-shadow: 0 1px 2px #000000;
|
|
-o-text-shadow: 0 1px 2px #000000;
|
|
}
|
|
|
|
.login .fields input[type='samlsubmit'] {
|
|
display: block;
|
|
width: 60px;
|
|
height: 15px;
|
|
border: 0;
|
|
background: transparent url('../images/sprites.png') -563px -747px;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
text-indent: -1px;
|
|
/*+text-shadow:0px 1px 2px #000000;*/
|
|
text-shadow: 0 1px 2px #000000;
|
|
cursor: pointer;
|
|
-moz-text-shadow: 0 1px 2px #000000;
|
|
-webkit-text-shadow: 0 1px 2px #000000;
|
|
-o-text-shadow: 0 1px 2px #000000;
|
|
}
|
|
|
|
.login .fields input[type='submit']:hover {
|
|
background-position: -563px -772px;
|
|
}
|
|
|
|
.login .logo {
|
|
float: left;
|
|
width: 290px;
|
|
height: 40px;
|
|
margin: 72px 0 0 209px;
|
|
background: url('../images/logo-login.png') no-repeat 0 0;
|
|
}
|
|
|
|
.login.nologo .logo {
|
|
background-image: url('../images/logo-login-oss.png');
|
|
}
|
|
|
|
.login form {
|
|
display: block;
|
|
width: 1000px;
|
|
height: 100%;
|
|
margin: auto;
|
|
background: #053663;
|
|
}
|