cdn-experiments/ccp/css/common.css

80 lines
1.3 KiB
CSS
Raw Normal View History

2022-03-25 15:39:39 +01:00
* {
font-family: Arial,Helvetica,sans-serif;
}
.ccp-invisible{
display: none !important;
}
2023-03-28 11:40:00 +02:00
.noselect{
user-select: none;
}
.plexiglass{
position: absolute;
width:100%;
height:100%;
z-index:1000;
background-color: rgba(0,0,0,.1)
}
2022-03-25 15:39:39 +01:00
.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;
2022-03-28 17:54:21 +02:00
}
2022-03-29 16:11:12 +02:00
.ccp-input-widget *:required:before {
color: red;
content: "*";
font-weight: bold;
}
.ccp-input-widget *:invalid:after{
2022-03-28 17:54:21 +02:00
color: red;
content: "!";
2022-03-29 16:11:12 +02:00
font-weight: bold;
}
div.ccp-execution-form form:invalid button{
opacity: 0.3;
pointer-events: none;
}
2023-03-28 11:40:00 +02:00
.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;
}