118 lines
3.5 KiB
CSS
118 lines
3.5 KiB
CSS
/*
|
|
Template Name: Admin Template
|
|
Author: Wrappixel
|
|
|
|
File: scss
|
|
*/
|
|
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);
|
|
/*Theme Colors*/
|
|
/**
|
|
* Table Of Content
|
|
*
|
|
* 1. Color system
|
|
* 2. Options
|
|
* 3. Body
|
|
* 4. Typography
|
|
* 5. Breadcrumbs
|
|
* 6. Cards
|
|
* 7. Dropdowns
|
|
* 8. Buttons
|
|
* 9. Typography
|
|
* 10. Progress bars
|
|
* 11. Tables
|
|
* 12. Forms
|
|
* 14. Component
|
|
*/
|
|
/*******************
|
|
User card page
|
|
******************/
|
|
.el-element-overlay .white-box {
|
|
padding: 0px; }
|
|
|
|
.el-element-overlay .el-card-item {
|
|
position: relative;
|
|
padding-bottom: 25px; }
|
|
.el-element-overlay .el-card-item .el-card-avatar {
|
|
margin-bottom: 15px; }
|
|
.el-element-overlay .el-card-item .el-card-content {
|
|
text-align: center; }
|
|
.el-element-overlay .el-card-item .el-card-content h3 {
|
|
margin: 0px; }
|
|
.el-element-overlay .el-card-item .el-card-content a {
|
|
color: #212529; }
|
|
.el-element-overlay .el-card-item .el-card-content a:hover {
|
|
color: #fb9678; }
|
|
.el-element-overlay .el-card-item .el-overlay-1 {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-align: center;
|
|
cursor: default; }
|
|
.el-element-overlay .el-card-item .el-overlay-1 img {
|
|
display: block;
|
|
position: relative;
|
|
-webkit-transition: all .4s linear;
|
|
transition: all .4s linear;
|
|
width: 100%;
|
|
height: auto; }
|
|
.el-element-overlay .el-card-item .el-overlay-1:hover img {
|
|
-ms-transform: scale(1.2) translateZ(0);
|
|
-webkit-transform: scale(1.2) translateZ(0);
|
|
/* transform: scale(1.2) translateZ(0); */ }
|
|
.el-element-overlay .el-card-item .el-overlay-1 .el-info {
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
color: #fff;
|
|
background-color: transparent;
|
|
filter: alpha(opacity=0);
|
|
-webkit-transition: all .2s ease-in-out;
|
|
transition: all .2s ease-in-out;
|
|
padding: 0;
|
|
margin: auto;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
right: 0;
|
|
transform: translateY(-50%) translateZ(0);
|
|
-webkit-transform: translateY(-50%) translateZ(0);
|
|
-ms-transform: translateY(-50%) translateZ(0); }
|
|
.el-element-overlay .el-card-item .el-overlay-1 .el-info > li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin: 0 3px; }
|
|
.el-element-overlay .el-card-item .el-overlay-1 .el-info > li a {
|
|
border-color: #fff;
|
|
color: #fff;
|
|
padding: 12px 15px 10px; }
|
|
.el-element-overlay .el-card-item .el-overlay-1 .el-info > li a:hover {
|
|
background: #fb9678;
|
|
border-color: #fb9678; }
|
|
.el-element-overlay .el-card-item .el-overlay {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 0;
|
|
left: 0;
|
|
opacity: 0;
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
-webkit-transition: all .4s ease-in-out;
|
|
transition: all .4s ease-in-out; }
|
|
.el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
-webkit-transform: translateZ(0);
|
|
-ms-transform: translateZ(0);
|
|
transform: translateZ(0); }
|
|
.el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
|
|
top: -100%; }
|
|
.el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
|
|
top: 100%;
|
|
height: 0px; }
|
|
.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
|
|
top: 0px; }
|
|
.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {
|
|
top: 0px;
|
|
height: 100%; }
|