Julie/decor-6-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial commit on forge variable

Browse source
This commit is contained in:
sarahgarcin1 2026-02-21 17:52:13 +01:00
parent 388079e6bb
commit 581d60f883
63 changed files with 518 additions and 34500 deletions
Download patch file Download diff file Expand all files Collapse all files

121
assets/pagedjs/interface-header.css
View file

@ -156,7 +156,7 @@
#interface-header {
all: initial;
/*display: none;*/
display: none;
}
#interface-header * {
all: unset;
@ -191,17 +191,15 @@
--border-color: #999;
--backgroung-button: rgb(195, 195, 195);
color: var(--color-interface-header);
border: 1px solid magenta;
border: 1px solid black;
position: fixed;
top: 20px;
left: 20px;
z-index: 99999;
font-size: 11px;
/* display: flex;
justify-content: space-between;
align-items: center;*/
display: block;
padding: 10px;
font-family: "IBM Plex Mono";
font-family: sans-serif;
}
#interface-header input[type="checkbox"] {
@ -297,10 +295,10 @@ form {
/* BUTTONS GROUP */
#header-group-right {
/*#header-group-right {
display: flex;
align-items: center;
}
}*/
#header-group-right > p {
margin-right: 5ch !important;
@ -320,52 +318,42 @@ form {
line-height: 1em !important;
}
#buttons {
display: flex;
justify-content: flex-end;
/* width: 300px; */
#preview-form,
#black-form{
margin-bottom: 20px;
display: block;
}
#button-print {
width: 60px;
opacity: 0.2;
background: none;
outline: none;
}
#label-preview-toggle img {
width: 80%;
height: 80%;
}
#label-preview-toggle,
#button-print {
--buttons-size: 36px;
display: flex;
align-items: center;
justify-content: center;
width: var(--buttons-size);
height: var(--buttons-size);
margin-right: 10px;
#label-black-toggle,
#button-print,
#button-print-spread,
#quality-toggle {
border: 1px solid var(--color-interface-header);
border-radius: 2px;
cursor: pointer;
/* box-shadow: 1px 1px 0px 0px #9f9f9f;*/
padding: 0;
box-sizing: border-box;
}
.interface-preview #label-preview-toggle {
border: 2px solid var(--color-interface-header);
}
#button-print {
box-shadow: 1px 1px 0px 0px #9f9f9f;
padding: 6px;
box-sizing: border-box;
margin-top: 10px;
}
.interface-preview #label-preview-toggle,
.mode-black #label-black-toggle{
background-color: #000;
color: #FFF;
/*border: 2px solid var(--color-interface-header);*/
}
#label-preview-toggle:hover,
#button-print:hover {
background-color: var(--backgroung-button);
#label-black-toggle:hover,
#button-print:hover,
#button-print-spread:hover,
#quality-toggle:hover {
background-color: #000;
color: #FFF;
/*background-color: var(--backgroung-button);*/
}
#button-print[data-ready="true"] {
@ -373,6 +361,53 @@ form {
cursor: pointer;
}
/* LAYER SELECTOR --------------------------------------- */
#layer-form {
margin-bottom: 20px;
display: block;
}
#layer-select {
width: 100%;
background-color: transparent;
border: 1px solid var(--color-interface-header);
border-radius: 2px;
padding: 6px;
box-sizing: border-box;
cursor: pointer;
box-shadow: 1px 1px 0px 0px #9f9f9f;
margin-top: 10px;
font-family: sans-serif;
font-size: 11px;
color: var(--color-interface-header);
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23222'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 8px center;
padding-right: 24px;
}
#layer-select:hover {
background-color: #000;
color: #FFF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23FFF'/%3E%3C/svg%3E");
box-shadow: 1px 1px 0px 0px #9f9f9f;
}
#layer-select:focus {
outline: none;
}
/* État actif quand une couche est isolée */
body[class*="isolate-"] #layer-select {
background-color: #000;
color: #FFF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23FFF'/%3E%3C/svg%3E");
}
@media print {
#interface-header {
display: none;