You are here

node-form.css in AT Tools 8.2

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

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

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

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

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

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