You are here

node-form.css in AT Tools 8.3

/**
 * Node Add Edit Forms.
 ============================================================================ */
.node-form {
  margin: 0 -0.625em;
}

.layout-region {
  padding: 0 0.625em;
}

.is-horizontal .layout-node-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.is-horizontal .layout-region-node-main,
.is-horizontal .layout-region-node-secondary {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}

.is-horizontal .layout-region-node-main,
.is-horizontal .layout-region-node-footer {
  -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
}

.is-horizontal .layout-region-node-secondary {
  -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
}

.is-horizontal .form-autocomplete,
.is-horizontal .form-text,
.is-horizontal .form-tel,
.is-horizontal .form-email,
.is-horizontal .form-url,
.is-horizontal .form-search {
  width: 100%;
  max-width: 100%;
}

.layout-region-node-footer .form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.layout-region-node-secondary__inner {
  border-radius: 2px;
  border: 1px solid;
}

.layout-region-node-secondary__inner details {
  border-radius: 0;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  margin: 0;
  max-height: 2.8125rem;
}

.layout-region-node-secondary__inner .entity-meta .summary {
  display: none;
}

.layout-region-node-secondary__inner .entity-meta__header {
  padding: 0.625em 0.625em 0;
}

.layout-region-node-secondary__inner .entity-meta__header .form-type-radio,
.layout-region-node-secondary__inner .entity-meta__header .form-type-checkbox {
  margin-left: 0;
}

.layout-region-node-secondary__inner .entity-meta__title {
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  border-radius: 2px;
}

.layout-region-node-secondary__inner .entity-meta__title.is-published {
  background-color: #77b259;
}

.layout-region-node-secondary__inner .entity-meta__title.unpublished {
  background-color: #e09600;
}

.layout-region-node-secondary__inner .entity-meta__last-saved {
  margin: 0;
}

.layout-region-node-secondary__inner .label.inline {
  display: inline-block;
  min-width: 33%;
}

.layout-region-node-secondary__inner .form-type-radio .option,
.layout-region-node-secondary__inner .form-type-checkbox .option {
  border: 0;
}

.layout-region-node-secondary__inner .description {
  margin: 0.25rem 0;
}
/*# sourceMappingURL=node-form.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/node-form.css
View source
  1. /**
  2. * Node Add Edit Forms.
  3. ============================================================================ */
  4. .node-form {
  5. margin: 0 -0.625em;
  6. }
  7. .layout-region {
  8. padding: 0 0.625em;
  9. }
  10. .is-horizontal .layout-node-form {
  11. display: -webkit-box;
  12. display: -ms-flexbox;
  13. display: flex;
  14. -webkit-box-orient: horizontal;
  15. -webkit-box-direction: normal;
  16. -ms-flex-direction: row;
  17. flex-direction: row;
  18. }
  19. .is-horizontal .layout-region-node-main,
  20. .is-horizontal .layout-region-node-secondary {
  21. -webkit-box-flex: 0;
  22. -ms-flex: 0 0 100%;
  23. flex: 0 0 100%;
  24. width: 100%;
  25. }
  26. .is-horizontal .layout-region-node-main,
  27. .is-horizontal .layout-region-node-footer {
  28. -ms-flex-preferred-size: 66.66667%;
  29. flex-basis: 66.66667%;
  30. }
  31. .is-horizontal .layout-region-node-secondary {
  32. -ms-flex-preferred-size: 33.33333%;
  33. flex-basis: 33.33333%;
  34. }
  35. .is-horizontal .form-autocomplete,
  36. .is-horizontal .form-text,
  37. .is-horizontal .form-tel,
  38. .is-horizontal .form-email,
  39. .is-horizontal .form-url,
  40. .is-horizontal .form-search {
  41. width: 100%;
  42. max-width: 100%;
  43. }
  44. .layout-region-node-footer .form-actions {
  45. display: -webkit-box;
  46. display: -ms-flexbox;
  47. display: flex;
  48. -webkit-box-align: start;
  49. -ms-flex-align: start;
  50. align-items: flex-start;
  51. -webkit-box-pack: start;
  52. -ms-flex-pack: start;
  53. justify-content: flex-start;
  54. }
  55. .layout-region-node-secondary__inner {
  56. border-radius: 2px;
  57. border: 1px solid;
  58. }
  59. .layout-region-node-secondary__inner details {
  60. border-radius: 0;
  61. border-bottom: 0;
  62. border-right: 0;
  63. border-left: 0;
  64. margin: 0;
  65. max-height: 2.8125rem;
  66. }
  67. .layout-region-node-secondary__inner .entity-meta .summary {
  68. display: none;
  69. }
  70. .layout-region-node-secondary__inner .entity-meta__header {
  71. padding: 0.625em 0.625em 0;
  72. }
  73. .layout-region-node-secondary__inner .entity-meta__header .form-type-radio,
  74. .layout-region-node-secondary__inner .entity-meta__header .form-type-checkbox {
  75. margin-left: 0;
  76. }
  77. .layout-region-node-secondary__inner .entity-meta__title {
  78. padding: 0.5rem;
  79. font-size: 1rem;
  80. font-weight: 400;
  81. color: #fff;
  82. border-radius: 2px;
  83. }
  84. .layout-region-node-secondary__inner .entity-meta__title.is-published {
  85. background-color: #77b259;
  86. }
  87. .layout-region-node-secondary__inner .entity-meta__title.unpublished {
  88. background-color: #e09600;
  89. }
  90. .layout-region-node-secondary__inner .entity-meta__last-saved {
  91. margin: 0;
  92. }
  93. .layout-region-node-secondary__inner .label.inline {
  94. display: inline-block;
  95. min-width: 33%;
  96. }
  97. .layout-region-node-secondary__inner .form-type-radio .option,
  98. .layout-region-node-secondary__inner .form-type-checkbox .option {
  99. border: 0;
  100. }
  101. .layout-region-node-secondary__inner .description {
  102. margin: 0.25rem 0;
  103. }
  104. /*# sourceMappingURL=node-form.css.map */