eda.dragdropway.min.css 12 KB

12345678910
  1. /*!
  2. * easyFormGenerator — drag and drop way — version
  3. * Version 1.1.0
  4. * Author : Erwan Datin (MacKentoch)
  5. *Link: https://github.com/MacKentoch/easyFormGenerator
  6. * License : 2015 MIT
  7. */
  8. .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th,.vAlignMiddle{vertical-align:middle}.animate-enter,.animate-leave{display:block;position:relative}body{padding-top:50px;padding-bottom:20px;height:100%;background-color:#F2F2F2;font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}.margintop60px{margin-top:80px}.margintop120px{margin-top:120px}.ng-cloak,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{display:none!important}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#0d87e9;border-color:#2196f3}.modal-backdrop{z-index:-1}.navbar-right{margin-right:20px}[contenteditable].form-control,[type=email].form-control,[type=password].form-control,[type=tel].form-control,[type=text].form-control,input.form-control,input[type=email],input[type=number],input[type=password],input[type=text],select,select.form-control,textarea,textarea.form-control{font-size:13px}@media (min-width:1200px){.container{width:100%;margin-right:20px}}@media (min-width:768px){.container{width:100%;margin-right:20px}}@media (min-width:992px){.container{width:100%}}.container-fluid{margin-right:auto;margin-left:auto}.container-fluid padding{left:30px;right:30px}.panel-default>.panel-heading{color:#212121;background-color:#fff;border-color:#eee}.navbar-nav>li>a{line-height:30px}.navbar-default .navbar-brand{line-height:initial}.panel-heading{background-color:none;border-bottom:solid 1px #eee}.navBtnGroup{padding:20px 15px 22px}a:focus,a:hover{color:#fff}.float-label{font-size:10px}.socialIcon{font-size:32px}.socialIcon:hover{color:#F2F2F2}input[type=text].form-control,input[type=search].form-control{border:none;border-bottom:1px dotted #CFCFCF}.content-container{background-color:#fff;padding:35px 20px;margin-bottom:20px}h1.content-title{font-size:32px;font-weight:300;text-align:center;margin-top:0;margin-bottom:20px;font-family:"Open Sans",sans-serif!important}.form-control{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;display:block;width:100%;height:39px;padding:8px 12px;font-size:13px;line-height:1.42857143;color:#777;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}.fakeControl[disabled]{background-color:#fff;opacity:1;cursor:all-scroll}.checkbox input[type=checkbox].fakeCheck,.radio input[type=radio].fakeCheck,label.fakeCheck{cursor:all-scroll}.animate-enter{-webkit-animation:enter 600ms cubic-bezier(.445,.05,.55,.95);animation:enter 600ms cubic-bezier(.445,.05,.55,.95)}@-webkit-keyframes enter{from{opacity:0;height:0;left:-70px}75%{left:15px}to{opacity:1;height:30px;left:0}}@keyframes enter{from{opacity:0;height:0;left:-70px}75%{left:15px}to{opacity:1;height:30px;left:0}}.animate-leave{-webkit-animation:leave 600ms cubic-bezier(.445,.05,.55,.95);animation:leave 600ms cubic-bezier(.445,.05,.55,.95)}@-webkit-keyframes leave{to{opacity:0;height:0;left:-70px}25%{left:15px}from{opacity:1;height:30px;left:0}}@keyframes leave{to{opacity:0;height:0;left:-70px}25%{left:15px}from{opacity:1;height:30px;left:0}}.td40,.td60,.tdCommun{height:75px;vertical-align:none}.addNewLine,.table-user-information>tbody>tr>td,.table-user-information>tbody>tr>th,.table-user-information>tfoot>tr>td,.table-user-information>tfoot>tr>th,.table-user-information>thead>tr>td,.table-user-information>thead>tr>th{vertical-align:middle}.td40{width:40%}.td60{width:60%}.switchAngularFadeIn .ng-enter{-webkit-animation:fadeIn 1s;-moz-animation:fadeIn 1s;-ms-animation:fadeIn 1s;animation:fadeIn 1s}#pageWfEdit{margin-top:40px;margin-
  9. padding-top:30px;padding-bottom:30px;background-color:#F2F2F2}#preview-content,.lineCommandButtons{padding-bottom:25px}#editor,#preview{margin-bottom:0;margin-top:0}.addNewLine{font-size:24px;color:#666}#editor{height:150px;background-color:#52B3D9;border-bottom:solid 1px #2C3E50}#editor-content{text-align:center;color:#fff;font-size:13px}#preview{border:1 solid px;-moz-box-shadow:0 0 10px 0 #ddd;-webkit-box-shadow:0 10px 5px 0 #ddd;-o-box-shadow:0 0 10px 0 #ddd;box-shadow:0 0 10px 0 #ddd;filter:progid:DXImageTransform.Microsoft.Shadow(color=#ddd, Direction=NaN, Strength=10)}#preview-content{background-color:#FFF;color:#000}#commandPanel,#visualPanel{padding-top:25px;padding-bottom:25px}.customPagerButton{width:100px}.numberOfColumnsLabel{font-size:32px;padding-top:25%;padding-bottom:25%;font-weight:700;text-align:center;color:#666}.btnAddColumns,.btnMinusColumns{margin-top:10px}.greyText,.numberOfcolumsText{color:#666}.blackText{color:#000}.animate-switch-container{position:relative;background:#fff;border-top:solid 1px #ECECEC;border-bottom:solid 1px #ECECEC;overflow:scroll}.animate-switch-container .well{background-color:#89C4F4;margin-bottom:0;color:#ECECEC}.linesList{margin-top:5px}.animate-switch{padding:10px}.animate-switch.ng-animate{-webkit-transition:all cubic-bezier(.25,.46,.45,.94) .6s;transition:all cubic-bezier(.25,.46,.45,.94) .6s;position:absolute;top:0;left:0;right:0;bottom:0}.animate-switch.ng-enter,.animate-switch.ng-leave.ng-leave-active{left:0;top:-500px;opacity:0}.animate-switch.ng-enter.ng-enter-active,.animate-switch.ng-leave{left:0;top:0;opacity:.8}.stepwizardTopmargin{margin-top:25px}.stepwizard-step p{margin-top:10px;color:#666}.stepwizard-row{display:table-row}.stepwizard{display:table;width:100%;position:relative}.stepwizard-step button[disabled]{opacity:1!important;filter:alpha(opacity=100)!important}.stepwizard-row:before{top:14px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}.stepwizard-step{display:table-cell;text-align:center;position:relative}.btn-circle{width:30px;height:30px;text-align:center;padding:6px 0;font-size:12px;line-height:1.428571429;border-radius:15px}.panelDebugScope{color:#000}.texteRouge{color:#CF000F}.editPropertiesLabel{margin-top:6px}.textControlLabel{color:#000}.marginTopFivepixels,.marginTopTenpixels{margin-top:5px}.checkboxCssCorrection{font-size:4px}.noGroupText{margin-bottom:0}.nya-bs-select,.ta-scroll-window{margin-bottom:16px}.formly-field-checkbox{margin-top:28px}#inputAddNewBasicOption,#inputAddNewGroupGroupedOption,#inputAddNewGroupedOption,#inputAddNewRadioOption{margin-bottom:20px}.editGroupedSelectnyaSelect{margin-bottom:0}.heading-preview{cursor:pointer}html{overflow-x:hidden}.ng-pageslide{background:#eee;box-shadow:5px 1px 12px 0 rgba(188,183,183,.7);-moz-box-shadow:5px 1px 12px 0 rgba(188,183,183,.7);-webkit-box-shadow:5px 1px 12px 0 rgba(188,183,183,.7)}#controlEditLeftPanel{margin-top:95px;height:85%;overflow-y:scroll;padding:20px 10px}.separator10pixel{margin-top:5px;margin-bottom:5px;height:25px}.panelControlWidth{width:45%}.advancedDemo ul[dnd-list],.advancedDemo ul[dnd-list]>li{position:relative;border:1px solid #F1F1F1}.advancedDemo .dropzone ul[dnd-list]{min-height:42px;margin:0;padding-left:0}.advancedDemo .dropzone li{display:block}.advancedDemo .dropzone .dndDragging{opacity:.7;border:2px dotted #000}.advancedDemo .dropzone .dndDraggingSource{display:none}.advancedDemo .dropzone .dndPlaceholder{background-color:#ddd!important;min-height:155px;display:block;position:relative;-moz-box-shadow:inset 0 0 5px 0 #343434;-webkit-box-shadow:inset 0 0 5px 0 #343434;-o-box-shadow:inset 0 0 5px 0 #343434;box-shadow:inset 0 0 5px 0 #343434;filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=NaN, Strength=5)}.advancedDemo .dropzone .itemlist{min-height:115px!important}ul.itemlist.ng-scope{border:none}#itemContent,.effect1ForDragDropItem{-webkit-box-shadow:0 10px 6px -6px #777;-moz-box-shadow:0 10px 6px -6px #777;box-shadow:0 10px 6px -6px #777;min-height:115px}.advancedDemo .dropzone .itemlist>li{border:none;min-width:180px;border-radius:.25em;float:left;font-weight:700;height:135px}#itemContent{background-color:#fff;border:2px outset #0d87e9;border-radius:.25em;color:#fff;float:left;font-weight:700;height:115px;margin:5px;padding:3px;text-align:center;width:100%;cursor:all-scroll}.dragItemtextarea{height:60px}textarea{border:1px dotted #CFCFCF!important;height:50px!important}.advancedDemo .dropzone .container-element{margin:10px}.isCollapsableZone{cursor:pointer}.buttonHeaderAddNewLine{margin-top:15px;margin-bottom:0}.buttonCloneLineHidden{visibility:hidden}.buttonCloseLine{margin-top:-10px;margin-right:-10px;border-radius:50%;height:45px}.interligne{padding-bottom:10px}.confirmLineDelete{margin-top:0;margin-bottom:0;background-color:#F5F5F5;opacity:1;-webkit-animation:shake 1.3s infinite;-moz-animation:shake 1.3s infinite;-ms-animation:shake 1.3s infinite;-o-animation:shake 1.3s infinite;animation:shake 1.3s infinite}.demoddDatepicker{padding-left:0;margin-left:0}.selectfordemo{margin-top:30px}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}.previewControlinItem{margin-top:2%;background-color:#fff;border-radius:5px;color:#F1F1F1;font-size:18px;padding:5px 10px}.vertical-line{border-left:thick solid #000}.gly-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.gly-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.gly-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.gly-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.gly-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.gly-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.rightClickCtrl{opacity:1;-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.rightClickCtrlSelected{opacity:.5}