static/css/wizard.css

   1 ul.wizard-list,
   2 .wizard-list-item,
   3 ul.wizard-list li{
   4   margin:0;
   5   padding: 0;
   6   text-indent: 0;
   7   list-style-type: none;
   8   min-width:100%;
   9   position:relative;
  10 }
  11
  12 .btn-group.wizard-list-item {
  13   white-space: nowrap;
  14 }
  15
  16 .wizard-btn-center{
  17   text-align:center;
  18   white-space:nowrap;
  19 }
  20 .wizard-btn-center *{
  21   white-space:nowrap;
  22 }
  23 .wizard-btn-center .btn-group{
  24   display:inline-block;
  25 }
  26 .wizard-btn-center .btn-group .btn{
  27   float: none;
  28   margin: 0px;
  29   display:inline-block;
  30 }
  31
  32 .wizard-loader {
  33   position: absolute;
  34   z-index: 100;
  35   top: 6em;
  36   left: 0;
  37   font-size: 2em;
  38   text-align: center;
  39   width: 100%;
  40   display: block;
  41   -webkit-transform-origin: 50% 47%;
  42   transform-origin:50% 47%;
  43   -ms-transform-origin:50% 47%;
  44   -webkit-animation: wizard-loading 2s infinite linear;
  45   -moz-animation: wizard-loading 2s infinite linear;
  46   -o-animation: wizard-loading 2s infinite linear;
  47   animation: wizard-loading 2s infinite linear;
  48 }
  49
  50 @-moz-keyframes wizard-loading {
  51   from {
  52     -moz-transform: rotate(0deg);
  53   }
  54   to {
  55     -moz-transform: rotate(360deg);
  56   }
  57 }
  58 @-webkit-keyframes wizard-loading {
  59   from {
  60     -webkit-transform: rotate(0deg);
  61   }
  62   to {
  63     -webkit-transform: rotate(360deg);
  64   }
  65 }
  66 @keyframes wizard-loading {
  67   from {
  68     transform: rotate(0deg);
  69   }
  70   to {
  71     transform: rotate(360deg);
  72   }
  73 }
  74
  75 ul.wizard-list{
  76   height:10em;
  77   overflow-y: auto;
  78   padding: 4px;
  79   margin-top: 6px;
  80 }
  81 .wizard-panel .wizard-union-toggle{
  82   margin-top: 6px;
  83 }
  84 button.wizard-list-add{
  85   width:2.45em;
  86   z-index:100;
  87 }
  88 button.wizard-list-rem{
  89   width:2.45em;
  90   z-index:100;
  91 }
  92 .wizard-list-name{
  93   width:calc(100% - 2.45em);
  94 }
  95 div.wizard-panel{
  96   min-width: 140px;
  97   overflow: hidden;
  98 }
  99 div.wizard-panel .panel-body{
 100   padding:6px;
 101 }
 102
 103 .btn.wizard-btn-tag{
 104   pointer-events: none;
 105 }