orbit-basic/app/assets/stylesheets/lib/tags-groups.css

158 lines
2.7 KiB
CSS

.tags .lead {
padding: 20px 5px 0px;
margin-bottom: 5px;
border-bottom: 1px solid #e5e5e5;
}
.tags .lead .badge {
margin-top: 5px;
}
.tags-groups {
list-style: none;
margin: 0 0 20px;
padding: 0;
}
.tags-groups:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.tags-groups.module-tags li.default a {
margin-left: 5px;
}
.tags-groups li {
overflow: hidden;
float: left;
width: auto;
display: inline-block;
padding: 2px 10px;
margin: 5px;
background-color: #f89406;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.tags-groups li.mark {
width: 0;
height: 0;
padding: 0;
margin: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
}
.tags-groups li.active {
background-color: #3a87ad;
}
.tags-groups li.active .amount {
color: #8cb8be;
}
.tags-groups li a {
text-decoration: none;
color: #ededed;
}
.tags-groups li .amount {
color: #fdcf3b;
float: right;
margin-left: 15px;
}
.tags-groups li .card {
position: relative;
margin: 0;
width: 18px;
height: 18px;
}
.tags-groups li .card:after {
font-family: FontAwesome;
content: '\f111';
color: #fdcf3b;
font-size: 14px;
display: block;
width: 10px;
height: 20px;
position: absolute;
left: 0;
top: 0;
}
.tags-groups li .card.active:after {
content: '\f058';
font-size: 18px;
left: -2px;
top: 1px;
}
.tags-groups li .card input {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
z-index: 1;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
/* Tags Merger */
#tags-merger.modal {
width: 960px;
margin-left: -480px;
}
#tags-merger form {
margin-bottom: 0;
}
#tags-merger .tags-groups li {
cursor: pointer;
}
#tags-merger .tags-groups li.def {
background-color: #468847;
}
#tags-merger .modal-body .pull-left {
margin: 0 5px;
}
#tags-merger .modal-body .help-block {
text-align: left;
padding: 0 5px;
}
.tags-groups li.default {
background-color: #468847;
}
.tags-groups li.default.active {
background-color: #3a87ad;
}
.tags-groups li.default .amount {
color: #8cbe9a;
}
.tags-groups li.default.active .amount {
color: #8cb8be;
}
.tags-groups li.default .card:after {
color: #8cbe9a;
}
.tags-groups li.active .card:after {
color: #8cb8be;
}
#pageslide #filter-default-tag {
width: 199px;
margin-bottom: 5px;
}
#pageslide .add-default-tags-list {
margin-bottom: 0;
}