glintcms-starter-glintcms/public/assets/glint-block-image-attribute/style.css

This is a WebSite implementation with GlintCMS. It shows how you can use GlintCMS.

.block-image-attribute-editor {
  display: block;
  background-color: #eeeeee;
  padding: 10px;
}

.block-image-attribute-editor label {
  display: block;
  width: 100%;
  padding-top: 20px;
}

.block-image-attribute-editor input {
  width: 100%;

}

/* from bootstrap .form-control */
.block-image-attribute-editor input {
  display: block;
  width: 100%;
  height: 39px;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 1.4;
  color: #6f6f6f;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}