alpaca
Version:
Alpaca provides the easiest and fastest way to generate interactive forms for the web and mobile devices. It runs simply as HTML5 or more elaborately using Bootstrap, jQuery Mobile or jQuery UI. Alpaca uses Handlebars to process JSON schema and provide
1 lines • 8.77 kB
CSS
.alpaca-hidden{display:none}.alpaca-clear{clear:both}.alpaca-float-right{float:right}.twitter-typeahead .tt-dropdown-menu{background-color:#fff;border:1px solid #ccc;padding:10px 10px 0;color:#999;width:100%}.twitter-typeahead .tt-dropdown-menu P{font-size:1em}.tt-suggestion.tt-is-under-cursor{background-color:#ccc;color:#333}.tt-dropdown-menu{background-color:#fff;border:1px solid #ccc;width:100%}.alpaca-controlfield-editor{position:relative;width:100%;height:300px;border:1px solid #ccc}.alpaca-controlfield-editor .control-field-editor-el{position:absolute;top:0;bottom:0;left:0;right:0}#ui-datepicker-div{display:none;background-color:#fff;z-index:9999999;width:22em}.ui-button .ui-button-text{white-space:nowrap}.ui-datepicker{z-index:100}.alpaca-fileupload-container{border:1px solid #ccc;padding:10px;border-radius:5px}.alpaca-fileupload-container .row{margin-bottom:10px}.alpaca-fileupload-well{padding:10px;border-radius:5px;min-height:100px}.alpaca-fileupload-container table{border:1px solid #ccc;padding:10px;border-radius:5px}.alpaca-fileupload-well p{padding-top:20px;color:#888}.alpaca-fileupload-well table tbody.files tr td.name{word-wrap:break-word}.ace_editor{border:1px solid #ccc}.alpaca-field-ckeditor.alpaca-invalid>.cke{border-color:#f04124}.alpaca-field-optiontree.optiontree-horizontal .optiontree{display:inline-block}.alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector{display:inline-block;padding-left:4px}.alpaca-field-optiontree.optiontree-horizontal input{display:inline-block;width:auto}.alpaca-field-optiontree.optiontree-horizontal label{display:block}.alpaca-field-table .alpaca-field-tablerow label.control-label,table.dt-rowReorder-float .alpaca-field-tablerow label.control-label{display:none}.alpaca-field-table .actionbar,.table .actionbar,table.dt-rowReorder-float .actionbar{white-space:nowrap;text-align:center}.alpaca-field-table table tr td .alpaca-field,.alpaca-field-table table tr td .alpaca-field .form-control,table.dt-rowReorder-float tr td .alpaca-field,table.dt-rowReorder-float tr td .alpaca-field .form-control{width:100%}.alpaca-field-table .form-group,table.dt-rowReorder-float .form-group{margin-bottom:0}.alpaca-field-table .form-group.alpaca-field-checkbox,table.dt-rowReorder-float .form-group.alpaca-field-checkbox{text-align:center}.alpaca-field-table .alpaca-control.checkbox,table.dt-rowReorder-float .alpaca-control.checkbox{padding-top:6px}.alpaca-field-table table tr td.actionbar .alpaca-array-actionbar,table.dt-rowReorder-float tr td.actionbar .alpaca-array-actionbar{padding-bottom:0;display:inline-block}.alpaca-field-table .alpaca-table-column-hidden,.alpaca-field-table .alpaca-table-reorder-index-cell,.alpaca-field-table .alpaca-table-reorder-index-header,.alpaca-field-table>legend,table.dt-rowReorder-float .alpaca-table-column-hidden,table.dt-rowReorder-float .alpaca-table-reorder-index-cell,table.dt-rowReorder-float .alpaca-table-reorder-index-header{display:none}.alpaca-field-table .actionbar .alpaca-array-actionbar.btn-group,table.dt-rowReorder-float .actionbar .alpaca-array-actionbar.btn-group{width:auto}.alpaca-field-table .alpaca-table-reorder-draggable-cell,table.dt-rowReorder-float .alpaca-table-reorder-draggable-cell{color:#bbb;font-size:20px;text-align:center;vertical-align:middle;padding-top:11px;cursor:pointer}.alpaca-field-radio.disabled .alpaca-control.radio{color:grey}.alpaca-field-radio.disabled .alpaca-control.radio label{cursor:inherit}.alpaca-control.radio{min-height:inherit;height:inherit;margin-left:10px;padding:0}.alpaca-control.radio label{line-height:20px}.has-error .multiselect{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.btn.multiselect{white-space:normal}.alpaca-field-chooser .alpaca-control .chooser-panel .chooser-panel-header{min-height:34px;margin-bottom:20px}.alpaca-field-chooser .alpaca-control .chooser-panel .chooser-panel-items{background-color:#fff;border:1px solid #ccc;border-radius:4px;overflow-y:scroll;overflow-y:-moz-scrollbars-vertical}.alpaca-field-chooser .alpaca-control .chooser-panel .chooser-panel-items .chooser-item{min-height:34px}.alpaca-field-chooser .alpaca-control .chooser-panel .chooser-panel-items .chooser-item.disabled .chooser-item-text{color:#ccc}.alpaca-field-chooser .alpaca-control .chooser-panel .chooser-panel-items .chooser-item:not(:last-child){border-bottom:1px #ddd solid}.alpaca-field-chooser .alpaca-control .chooser-panel .chooser-panel-items .chooser-item .chooser-item-text{margin-left:10px;line-height:34px;display:inline-block}.alpaca-field-chooser .alpaca-control .chooser-panel .chooser-panel-items .chooser-item .chooser-item-buttons{float:right;margin:5px}.alpaca-field-chooser .chooser-item-message{color:#aaa}.alpaca-container-label{margin-top:20px}legend.alpaca-container-label{margin-top:0}.alpaca-array-toolbar.alpaca-array-toolbar-position-top{margin-bottom:10px}.alpaca-array-toolbar.alpaca-array-toolbar-position-bottom{margin-top:10px}.alpaca-array-actionbar.alpaca-array-actionbar-top{padding-bottom:10px}.alpaca-array-actionbar.alpaca-array-actionbar-bottom{padding-top:10px}.alpaca-array-actionbar.alpaca-array-actionbar-left{padding-right:10px}.alpaca-array-actionbar.alpaca-array-actionbar-right{padding-left:10px}.alpaca-array-actionbar,.alpaca-array-actionbar.btn-group{width:100%}.alpaca-array-item-move{width:34px;height:34px;padding:10px}.alpaca-array-item-flex-container{display:flex;flex-direction:row;align-items:flex-start}.alpaca-array-item-flex-1{flex-grow:1}.alpaca-array-item-move:hover{cursor:move}.alpaca-array-actionbar{overflow:hidden}.alpaca-field-object{border:1px solid #eee;border-radius:4px;padding:10px}.alpaca-display h3{margin-top:0}.alpaca-container-item:not(:first-child),.alpaca-control-buttons-container{margin-top:10px}.alpaca-field-array{border:1px solid #eee;border-radius:4px;padding:10px}.alpaca-container-item>.alpaca-container>.alpaca-field-object,.alpaca-field-array.alpaca-top,.alpaca-field-object.alpaca-top,.alpaca-field-object.alpaca-top .alpaca-container{border:0}.alpaca-form-buttons-container{margin-top:10px;text-align:right}.alpaca-field.alpaca-field-upload .template-download TD.error .label,.alpaca-field.alpaca-field-upload .template-upload TD.error .label{color:red;font-size:16px;text-align:left}.alpaca-container>.form-group{margin-left:0;margin-right:0}.alpaca-field-hidden{display:none}.alpaca-container .alpaca-container-item:last-child{margin-bottom:0}.alpaca-field-select .btn-group{display:block}.alpaca-field-select .btn-group button.multiselect{float:none}.alpaca-field.alpaca-field-upload .fileupload-active-zone{margin-top:50px;margin-bottom:50px}.alpaca-field.alpaca-field-image .alpaca-image-display,.alpaca-wizard .alpaca-wizard-buttons,.alpaca-wizard .alpaca-wizard-progress-bar{margin-top:20px}.alpaca-field.alpaca-field-upload .template-download TD.error{color:red;word-break:break-all}.alpaca-field.alpaca-field-upload .template-upload TD.error{color:red;word-break:break-all}.alpaca-field.alpaca-field-address .alpaca-field-address-mapcanvas{height:250px}.alpaca-field-text-max-length-indicator{color:#aaa}.alpaca-field-text-max-length-indicator.err{color:#a00}.alpaca-wizard .alpaca-wizard-nav li .chevron{position:absolute;top:0;right:-14px;display:block;border:27px solid transparent;border-right:0;border-left:14px solid #d4d4d4}.alpaca-wizard .alpaca-wizard-nav li .chevron:before{position:absolute;top:-27px;right:1px;display:block;border:27px solid transparent;border-right:0;border-left:14px solid #fcfcfc;content:""}.alpaca-wizard .alpaca-wizard-nav li div.holder{text-align:center;padding:6px 20px 6px 30px}.alpaca-wizard .alpaca-wizard-nav li:first-child div.holder{padding-left:10px}.alpaca-wizard .alpaca-wizard-nav li div.holder div.title{font-size:18px;font-weight:600;color:#333}.alpaca-wizard .alpaca-wizard-nav li div.holder div.description{color:#aaa;font-size:12px}.alpaca-wizard .alpaca-wizard-nav li.completed div.holder div.description,.alpaca-wizard .alpaca-wizard-nav li.completed div.holder div.title{color:#333}.alpaca-wizard .alpaca-wizard-nav li.visited:hover{cursor:pointer}.alpaca-wizard .alpaca-wizard-nav li.active:hover{cursor:default}.alpaca-wizard .alpaca-wizard-nav li.active div.holder div.description,.alpaca-wizard .alpaca-wizard-nav li.active div.holder div.title{color:#206199}.alpaca-wizard .alpaca-wizard-nav li.disabled div.holder div.description,.alpaca-wizard .alpaca-wizard-nav li.disabled div.holder div.title{color:#ccc}.alpaca-wizard .alpaca-wizard-nav .alpaca-wizard-back{background-color:#fcfcfc}.alpaca-control.disabled label{color:#aaa}.alpaca-required-indicator{padding-left:5px;font-style:italic;font-weight:200;color:#888}