OpenXE/classes/Modules/Label/www/css/labels.css
2021-05-21 08:49:41 +02:00

129 lines
2.5 KiB
CSS

/**
LABELS
*/
.label-container {
display: inline-block;
padding: 0;
margin: 0;
line-height: 1em;
}
.label-container .label {
cursor: default;
display: inline-block;
font-size: 90%;
line-height: 1em;
margin: 1px 0 1px 4px;
padding: 3px 7px;
border: 1px solid transparent;
border-radius: 5px;
white-space: nowrap;
min-width: 2px;
min-height: 11px;
}
.label-container .label-text-normal {
display: inline-block;
}
.label-container .label-text-compact {
display: none;
}
.label-container.label-compact .label-text-normal {
display: none;
}
.label-container.label-compact .label-text-compact {
display: inline-block;
}
.label-manager {
cursor: pointer;
}
/* ENDE LABELS */
/*
LABEL-MANAGER-OVERLAY
*/
#label-manager-overlay {
display: none;
position: fixed;
z-index: 100001;
top: 20px;
left: 20px;
min-width: 250px;
min-height: 100px;
border-radius: 10px;
border: 5px solid var(--fieldset);
background-color: var(--fieldset);
box-shadow: 3px 3px 10px rgba(0, 0, 0, .33);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#label-manager-overlay header,
#label-manager-overlay section,
#label-manager-overlay footer {
display: block;
}
#label-manager-overlay header {
padding: 10px;
background-color: var(--fieldset);
border-bottom: 1px solid var(--textfield-border);
}
#label-manager-overlay footer {
padding: 0 10px 5px 10px;
background-color: var(--fieldset);
}
#label-manager-overlay header h1 {
font-size: 14px;
padding: 0;
margin: 0;
}
#label-manager-overlay header .icon-close {
cursor: pointer;
float: right;
display: inline-block;
width: 16px;
height: 16px;
background-image: url('../themes/new/images/x-icon.png');
background-position: center;
background-repeat: no-repeat;
background-size: 80%;
}
#label-manager-overlay .content-list {
display: block;
min-height: 10px;
padding: 10px;
}
#label-manager-overlay .line {
clear: both;
display: block;
margin: 5px 0;
}
#label-manager-overlay .line input {
float: left;
}
#label-manager-overlay .line .label-title {
display: inline-block;
line-height: 1em;
margin: 0 0 0 4px;
padding: 3px 7px;
border-radius: 5px;
white-space: nowrap;
border: 1px solid transparent;
background-color: var(--fieldset);
}
/* ENDE LABEL-MANAGER-OVERLAY */