ext/afform/core/ang/afCore.css

   1 .af-api4-action-running {
   2   cursor: not-allowed;
   3   color: black;
   4 }
   5 a.af-api4-action-idle {
   6   cursor: pointer;
   7 }
   8
   9 .af-container.af-layout-cols {
  10   display: flex;
  11   flex-wrap: wrap;
  12 }
  13 .af-container.af-layout-cols > * {
  14   flex: 1;
  15 }
  16 .af-container.af-layout-inline > * {
  17   display: inline-block;
  18   margin-right: .5em;
  19   vertical-align: top;
  20 }
  21 .af-container.af-layout-cols > .af-title {
  22   flex: 0 0 100%;
  23 }
  24 .af-container.af-layout-inline > .af-title {
  25   display: block;
  26   width: 100%;
  27 }
  28
  29 af-form {
  30   display: block;
  31 }
  32
  33 [af-repeat-item] {
  34   position: relative;
  35 }
  36 #bootstrap-theme [af-repeat-item] .af-repeat-remove-btn {
  37   min-width: 30px;
  38   position: absolute;
  39   top: 0;
  40   right: 0;
  41 }
  42
  43 /* Collapsible containers */
  44 .af-collapsible > .af-title {
  45   cursor: pointer;
  46 }
  47 .af-collapsible > .af-title:before {
  48   font-family: "FontAwesome";
  49   display: inline-block;
  50   width: 1em;
  51   content: "\f0d7";
  52 }
  53 .af-collapsible.af-collapsed > .af-title:before {
  54   content: "\f0da";
  55 }
  56 .af-collapsible.af-collapsed > .af-title ~ * {
  57   display: none !important;
  58 }
  59
  60 /* Card style */
  61 #bootstrap-theme .af-container-style-pane {
  62   background-color: white;
  63   border-radius: 4px;
  64   box-shadow: 1px 2px 8px 1px rgba(0, 0, 0, 0.3);
  65   margin: 10px;
  66   padding: 5px;
  67 }
  68 #bootstrap-theme .af-container-style-pane > .af-title {
  69   background-color: #70716b;
  70   color: white;
  71   padding: 5px;
  72   border-radius: 4px 4px 0 0;
  73   position: relative;
  74   top: -5px;
  75   left: -5px;
  76   width: calc(100% + 10px);
  77   margin-top: 0;
  78   margin-bottom: 10px;
  79 }
  80 #bootstrap-theme .af-container-style-pane.af-collapsed > .af-title {
  81   margin-bottom: 0;
  82 }