home / fishbowl_archive / biscript

biscript: 33

This data as json

id active data dateLastModified description name note typeId fbVersion fbName published
33 _binary  body { font-family: Arial, sans-serif; margin: 0; padding: 0; height: 100vh; width: 100vw; position: relative; background: #ECECEC; } #printable { width: 2in; height: 1in; box-shadow: 0 5px 8px 0 rgba(0,0,0,.4); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; z-index: 0; background: white; transform: scale(1); border-radius: 10px; } #canvas { position: relative; width: 100vw; height: 100vh; overflow: scroll; overflow-x: scroll; overflow-y: scroll; } .wrap { display: flex; flex-direction: row; padding: 10px; width: 100% - 20px; min-width: 856px; background: #fafafa; box-shadow: 0 2px 8px 0 rgba(0,0,0,.4); z-index: 5; justify-content: space-between; position: absolute; left: 0px; top: 0px; right: 0px; margin: auto; z-index: 1; cursor: default; } #toolbarButtons { display: flex; fled-direction: row; } .qr-code { position: absolute; z-index: 2; max-width: 1064px; max-height: 1064px; min-width: 25px; min-height: 25px; } .desc-drag { flex-wrap: wrap; position: absolute; width: fit-content; height: fit-content; z-index: 2; overflow: hidden; } .part-drag { flex-wrap: wrap; position: absolute; width: fit-content; height: fit-content; z-index: 2; overflow: hidden; } .custom-drag { flex-wrap: wrap; position: absolute; width: fit-content; height: fit-content; z-index: 2; overflow: hidden; } #customText { outline: 0px solid transparent; } .selected { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ::selection { background-color: transparent; } ::moz-selection { background-color: transparent; } ::webkit-selection { background-color: transparent; } .toolbar { width: 750px; display: flex; flex-direction: row; justify-content: space-around; align-items: center; } button { width: 30px; height: 30px; border-radius: 3px; background: none; border: none; box-sizing: border-box; padding: 0; color: #a6a6a6; font-size: 20px; outline: none; } .hover:hover { border: 1px solid #a6a6a6; color: #777; cursor: pointer; } #bold, #italic, #underline { font-size: 18px; } #underline, #align-bottom { margin-right: 17px; } #align-left { margin-left: 17px; } .align-box { margin: -2 auto 0; height: 18px; width: 20px; border: 1px solid #a6a6a6; border-radius: 2px; box-sizing: border-box; } .line-top { width: 12px; height: 2px; background: #a6a6a6; } .line-bottom { width: 9px; height: 2px; background: #a6a6a6; } #align-top .line-top { transform: translate(2px, 2.5px); } #align-top .line-bottom { transform: translate(2px, 4.5px); } #align-middle .line-top { transform: translate(2px, 5px); } #align-middle .line-bottom { transform: translate(2px, 7px); } #align-bottom .line-top { transform: translate(2px, 7.5px); } #align-bottom .line-bottom { transform: translate(2px, 9.5px); } select { height: 24px; font-size: 15px; font-weight: bold; color: #444; background: #fcfcfc; border: 1px solid #a6a6a6; border-radius: 3px; margin: 0; outline: none; } select > option { font-size: 15px; background: #fafafa; } #fonts { width: 140px; } .sp-replacer { background: #fcfcfc; padding: 1px 2px 1px 3px; border-radius: 3px; border-color: #a6a6a6; margin-top: -1px; } .sp-replacer:hover { border-color: #a6a6a6; color: inherit; } .sp-preview { width: 15px; height: 15px; border: none; margin-top: 2px; margin-right: 3px; } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { border-radius: 3px; } #labelW, #labelH { height: 24px; width: 35px; font-size: 15px; font-weight: bold; color: #444; background: #fcfcfc; border: 1px solid #a6a6a6; border-radius: 3px; margin: 0; outline: none; text-align: center; cursor: default; } #editMode { position: absolute; top: 68px; left: 10px; z-index: 1; padding: 5px; background: #fafafa; box-shadow: 0 2px 8px 0 rgba(0,0,0,.4); text-align: center; display: none; } #mapZoom { width: 16px; height: 150px; position: absolute; top: 68px; right: 15px; z-index: 1; } .plus { padding: 5px; background: #fafafa; box-shadow: 0 2px 8px 0 rgba(0,0,0,.4); width: 12px; height: 12px; text-align: center; cursor: pointer; line-height: 12px; font-weight: medium; font-size: 16pt; } .minus { padding: 5px; background: #fafafa; box-shadow: 0 2px 8px 0 rgba(0,0,0,.4); width: 12px; height: 12px; text-align: center; cursor: pointer; line-height: 11px; font-weight: medium; font-size: 20pt; } .fa-plus:before { content: "\2b"; } .plus:hover, .minus:hover { background: #F0F0F0; } #pagination { display: flex; flex-direction: row; background-color: white; display: flex; position: absolute; bottom: 0; left: 0; right: 0; justify-content: center; background: #fafafa; box-shadow: -1px 1px 13px rgba(0,0,0,.4); } .arrow-right { height: 10px; width: 50px; border: 0; } .arrow-right i { height: 100%; width: 100%; text-align: center; font-size: 20pt; color: black; } .arrow-right:hover { border: 0; } .arrow-left:hover { border: 0; } .arrow-left { height: 10px; width: 50px; border: 0; } .arrow-left i { height: 100%; width: 100%; text-align: center; font-size: 20pt; color: black; } .arrow-first { padding-top: 3px; height: 10px; width: 50px; border: 0; } .arrow-first i { height: 100%; width: 100%; text-align: center; font-size: 15pt; color: black; } .arrow-first:hover { border: 0; } .arrow-last { padding-top: 3px; height: 10px; width: 50px; border: 0; } .arrow-last i { height: 100%; width: 100%; text-align: center; font-size: 15pt; color: black; } .arrow-last:hover { border: 0; } .counter { height: 30px; width: 100px; text-align: center; font-size: 14pt; padding-top: 2px; } #partContainer{ display: none; } .card { background: #fff; width: 2in; height: 1in; position: relative; overflow: hidden; } #save { background: #a6a6a6; width: 80px; font-size: 12px; color: white; margin-left: 15px; } #edit { background: green; width: 80px; font-size: 12px; color: white; margin-left: 5px; } #editMode { background: green; color: white; } .bold { font-weight: bold; } .italic { font-style: italic; } .underline { text-decoration: underline; } @media print { body { margin: 0; padding: 0; } #container { display: none; } #printable { all: unset; display: none; } #partContainer { display: block; } #pagination { display: none; } .wrap { display: none; } #editMode { display: none !important; } #mapZoom { display: none; } #canvas { all: unset; } .selected { box-shadow: none; } #editMode { display: none; } } 2023-04-20 16:40:15.687000 Resizable part labels with QR code Part QR Code Label   30 4 part-qr-code-label 0
Powered by Datasette · Queries took 1.507ms