web-components/ccp/css/common.css

85 lines
1.4 KiB
CSS

* {
font-family: Arial,Helvetica,sans-serif;
}
.ccp-invisible{
display: none !important;
}
.noselect{
user-select: none;
}
.plexiglass{
position: absolute;
width:100%;
height:100%;
z-index:1000;
background-color: rgba(0,0,0,.1);
top: 0;
left: 0;
margin: 0;
padding: 0;
border: none;
}
.ccp-help-icon {
background-color: #ccffff;
border: solid 1px #0099cc;
padding: 2px 5px;
border-radius: 50%;
color: #0099cc;
font-size: .6rem;
font-weight: bold;
vertical-align: super;
}
.ccp-input-widget *:required:before {
color: red;
content: "*";
font-weight: bold;
}
.ccp-input-widget *:invalid:after{
color: red;
content: "!";
font-weight: bold;
}
div.ccp-execution-form form:invalid button{
opacity: 0.3;
pointer-events: none;
}
.ccp-toolbar-header {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 0.2rem;
min-width: 20rem;
}
.ccp-toolbar-right {
position: absolute;
right: 1rem;
}
.ccp-toolbar-button {
font-weight: bold;
padding: 0.3rem;
line-height: .8rem;
cursor: pointer;
}
.ccp-toolbar-button svg {
display: block;
fill: white;
width: 24px;
height: 24px;
pointer-events: none;
}
.ccp-toolbar-button-small {
padding: 0.1rem !important;
line-height: .6rem !important;
}
.ccp-toolbar-button-small svg {
width: 16px !important;
height: 16px !important;
}