acquia_lift.card.css in Acquia Lift Connector 7.2
.el-card__gist:before, .el-card__summary:before, .el-card:before, .el-card__header:before, .el-card__content:before, .el-card__footer:before, .el-card__gist:after, .el-card__summary:after, .el-card:after, .el-card__header:after, .el-card__content:after, .el-card__footer:after {
content: " ";
display: table;
}
.el-card__gist:after, .el-card__summary:after, .el-card:after, .el-card__header:after, .el-card__content:after, .el-card__footer:after {
clear: both;
}
/**
* Provide general styles for cards.
*/
.el-card__gist, .el-card__summary, .el-card {
border: .08rem solid #cccccc;
box-shadow: 0 .05rem 0 #cccccc;
font-family: "Helvetica Neue", helvetica, "Segoe UI", segoe, "Ubuntu", "Droid Sans", "Arial", sans-serif;
margin: .5rem;
position: relative;
top: 0;
transition: all .4s;
}
.el-card__header {
background-color: #e6e9ed;
margin: 0;
padding: 0 0.75rem;
transition: all .4s;
}
.el-card__title {
font-size: 1.125rem;
line-height: 1.33333;
margin-top: 0;
padding-top: 0.37rem;
float: left;
font-weight: bold;
}
.el-card__content {
box-sizing: border-box;
height: auto;
max-height: 100rem;
overflow: visible;
padding: 0.5rem;
background-color: #fff;
transition: all .4s;
}
.el-card__footer {
background-color: #eeeeee;
padding-right: 0.75rem;
padding-left: 0.75rem;
}
ul.el-card__actions {
float: right;
left: -100%;
margin: 0;
margin-right: -100%;
padding: 0;
position: relative;
}
.el-card__action {
display: inline-block;
}
.el-card__action a,
.el-card__action__link {
display: inline-block;
}
.el-card__flag {
position: relative;
max-height: 3rem;
margin-left: -1.599rem; /* LTR */
margin-bottom: .88rem;
padding-left: .769rem;
transition: all .4s;
-webkit-transform-origin: .384rem bottom;
-ms-transform-origin: .384rem bottom;
transform-origin: .384rem bottom;
}
.el-card__flag.is-hidden {
overflow: hidden;
max-height: 0;
margin-bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.el-card__flag__label {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
.el-card__flag__content {
display: inline-block;
padding: 0 .75rem;
background-color: #90cd44;
}
.el-card__flag__content::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0; /* LTR */
width: 0;
height: 0;
overflow: hidden;
border: .769em solid transparent;
border-color: #90cd44 #90cd44 #90cd44 transparent; /* LTR */
transition: all .4s;
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
}
/**
* Add styles for different variations.
*/
/**
* Add styles for different states.
*/
html.js .is-compact .el-card__content {
max-height: 0;
padding-top: 0;
padding-bottom: 0;
overflow-y: hidden;
}
html.js .is-compact .el-card__flag__content::before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.is-active {
margin-right: .5rem;
margin-left: .5rem;
box-shadow: 0 0.2rem 0.5rem rgba(170, 170, 170, 0.6);
border-bottom-left-radius: .5rem;
border-bottom-right-radius: .5rem;
}
.is-compact .el-card__header {
background-color: transparent;
padding-top: 0;
padding-bottom: 0;
}
.el-card .el-card__title[aria-controls] {
cursor: pointer;
}
html.js [data-card-collapsible="true"] .el-card__title:before {
position: relative;
margin-left: .5em; /* LTR */
left: -.5em; /* LTR */
vertical-align: text-bottom;
}
[data-card-collapsible="true"]:not(.is-compact) .el-card__header .el-card__title:before {
content: url('../images/000000/menu-expanded.png');
}
.is-compact .el-card__header .el-card__title:before {
content: url('../images/000000/menu-collapsed.png'); /* LTR */
}
.el-card:not(.is-sortable) .el-card__dragger {
display: none;
}
.el-card .el-card__dragger {
width: 24px;
height: 24px;
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
background: transparent url(../images/000000/drag.png) no-repeat;
float: left;
margin-top: .37rem;
margin-left: -0.5rem;
}
.el-card .el-card__dragger:active {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
.is-disabled .el-card__header {
background-color: #e6e9ed;
color: #999;
}
.is-disabled .el-card__content {
opacity: 0.6;
}
File
css/acquia_lift.card.css
View source
- .el-card__gist:before, .el-card__summary:before, .el-card:before, .el-card__header:before, .el-card__content:before, .el-card__footer:before, .el-card__gist:after, .el-card__summary:after, .el-card:after, .el-card__header:after, .el-card__content:after, .el-card__footer:after {
- content: " ";
- display: table;
- }
- .el-card__gist:after, .el-card__summary:after, .el-card:after, .el-card__header:after, .el-card__content:after, .el-card__footer:after {
- clear: both;
- }
-
- /**
- * Provide general styles for cards.
- */
- .el-card__gist, .el-card__summary, .el-card {
- border: .08rem solid #cccccc;
- box-shadow: 0 .05rem 0 #cccccc;
- font-family: "Helvetica Neue", helvetica, "Segoe UI", segoe, "Ubuntu", "Droid Sans", "Arial", sans-serif;
- margin: .5rem;
- position: relative;
- top: 0;
- transition: all .4s;
- }
-
- .el-card__header {
- background-color: #e6e9ed;
- margin: 0;
- padding: 0 0.75rem;
- transition: all .4s;
- }
-
- .el-card__title {
- font-size: 1.125rem;
- line-height: 1.33333;
- margin-top: 0;
- padding-top: 0.37rem;
- float: left;
- font-weight: bold;
- }
-
- .el-card__content {
- box-sizing: border-box;
- height: auto;
- max-height: 100rem;
- overflow: visible;
- padding: 0.5rem;
- background-color: #fff;
- transition: all .4s;
- }
-
- .el-card__footer {
- background-color: #eeeeee;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- }
-
- ul.el-card__actions {
- float: right;
- left: -100%;
- margin: 0;
- margin-right: -100%;
- padding: 0;
- position: relative;
- }
-
- .el-card__action {
- display: inline-block;
- }
-
- .el-card__action a,
- .el-card__action__link {
- display: inline-block;
- }
-
- .el-card__flag {
- position: relative;
- max-height: 3rem;
- margin-left: -1.599rem; /* LTR */
- margin-bottom: .88rem;
- padding-left: .769rem;
- transition: all .4s;
- -webkit-transform-origin: .384rem bottom;
- -ms-transform-origin: .384rem bottom;
- transform-origin: .384rem bottom;
- }
- .el-card__flag.is-hidden {
- overflow: hidden;
- max-height: 0;
- margin-bottom: 0;
- opacity: 0;
- visibility: hidden;
- -webkit-transform: scale(0);
- -ms-transform: scale(0);
- transform: scale(0);
- }
-
- .el-card__flag__label {
- position: absolute;
- width: 0;
- height: 0;
- overflow: hidden;
- }
-
- .el-card__flag__content {
- display: inline-block;
- padding: 0 .75rem;
- background-color: #90cd44;
- }
- .el-card__flag__content::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- left: 0; /* LTR */
- width: 0;
- height: 0;
- overflow: hidden;
- border: .769em solid transparent;
- border-color: #90cd44 #90cd44 #90cd44 transparent; /* LTR */
- transition: all .4s;
- -webkit-transform-origin: right;
- -ms-transform-origin: right;
- transform-origin: right;
- }
-
- /**
- * Add styles for different variations.
- */
- /**
- * Add styles for different states.
- */
- html.js .is-compact .el-card__content {
- max-height: 0;
- padding-top: 0;
- padding-bottom: 0;
- overflow-y: hidden;
- }
- html.js .is-compact .el-card__flag__content::before {
- -webkit-transform: scaleX(0);
- -ms-transform: scaleX(0);
- transform: scaleX(0);
- }
-
- .is-active {
- margin-right: .5rem;
- margin-left: .5rem;
- box-shadow: 0 0.2rem 0.5rem rgba(170, 170, 170, 0.6);
- border-bottom-left-radius: .5rem;
- border-bottom-right-radius: .5rem;
- }
-
- .is-compact .el-card__header {
- background-color: transparent;
- padding-top: 0;
- padding-bottom: 0;
- }
-
- .el-card .el-card__title[aria-controls] {
- cursor: pointer;
- }
- html.js [data-card-collapsible="true"] .el-card__title:before {
- position: relative;
- margin-left: .5em; /* LTR */
- left: -.5em; /* LTR */
- vertical-align: text-bottom;
- }
- [data-card-collapsible="true"]:not(.is-compact) .el-card__header .el-card__title:before {
- content: url('../images/000000/menu-expanded.png');
- }
-
- .is-compact .el-card__header .el-card__title:before {
- content: url('../images/000000/menu-collapsed.png'); /* LTR */
- }
-
- .el-card:not(.is-sortable) .el-card__dragger {
- display: none;
- }
- .el-card .el-card__dragger {
- width: 24px;
- height: 24px;
- cursor: move;
- cursor: -webkit-grab;
- cursor: -moz-grab;
- background: transparent url(../images/000000/drag.png) no-repeat;
- float: left;
- margin-top: .37rem;
- margin-left: -0.5rem;
- }
- .el-card .el-card__dragger:active {
- cursor: -webkit-grabbing;
- cursor: -moz-grabbing;
- }
-
- .is-disabled .el-card__header {
- background-color: #e6e9ed;
- color: #999;
- }
- .is-disabled .el-card__content {
- opacity: 0.6;
- }