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   margin: 0px;
  28   display:inline-block;
  29 }
  30
  31 .wizard-loader {
  32   position: absolute;
  33   z-index: 100;
  34   top: 6em;
  35   left: 0;
  36   font-size: 2em;
  37   text-align: center;
  38   width: 100%;
  39   display: block;
  40   -webkit-transform-origin: 50% 47%;
  41   transform-origin:50% 47%;
  42   -ms-transform-origin:50% 47%;
  43   -webkit-animation: wizard-loading 2s infinite linear;
  44   -moz-animation: wizard-loading 2s infinite linear;
  45   -o-animation: wizard-loading 2s infinite linear;
  46   animation: wizard-loading 2s infinite linear;
  47 }
  48
  49 @-moz-keyframes wizard-loading {
  50   from {
  51     -moz-transform: rotate(0deg);
  52   }
  53   to {
  54     -moz-transform: rotate(360deg);
  55   }
  56 }
  57 @-webkit-keyframes wizard-loading {
  58   from {
  59     -webkit-transform: rotate(0deg);
  60   }
  61   to {
  62     -webkit-transform: rotate(360deg);
  63   }
  64 }
  65 @keyframes wizard-loading {
  66   from {
  67     transform: rotate(0deg);
  68   }
  69   to {
  70     transform: rotate(360deg);
  71   }
  72 }
  73
  74 ul.wizard-list{
  75   height:10em;
  76   overflow-y: auto;
  77   padding: 4px;
  78   margin-top: 6px;
  79 }
  80 .wizard-panel .wizard-union-toggle{
  81   margin-top: 6px;
  82 }
  83 .wizard-panel .wizard-union-toggle-min-group {
  84   max-width: 150px;
  85   margin: 0 auto;
  86   display: none;
  87 }
  88 .wizard-panel .wizard-union-toggle-min-group input {
  89   height: 22px;
  90 }
  91 .wizard-panel .wizard-union-toggle-min-group .input-group-btn .btn {
  92   height: 22px;
  93   padding: 0 10px;
  94 }
  95 button.wizard-list-add{
  96   width:2.45em;
  97   z-index:100;
  98 }
  99 button.wizard-list-rem{
 100   width:2.45em;
 101   z-index:100;
 102 }
 103 .wizard-list-name{
 104   width:calc(100% - 2.45em);
 105 }
 106 div.wizard-panel{
 107   min-width: 140px;
 108   overflow: hidden;
 109 }
 110 div.wizard-panel .panel-body{
 111   padding:6px;
 112 }
 113
 114 .btn.wizard-btn-tag{
 115   pointer-events: none;
 116 }