You are here

Home » API reference » Easy Email 8

easy-email-preview.css in Easy Email 8

Same filename and directory in other branches
  1. 2.0.x css/easy-email-preview.css
fieldset.easy-email-type-preview:not(.fieldgroup) {
  background-color: #ffffcc;
}
fieldset.easy-email-resizable {
  border: 1px solid #ccc;
  height: 300px;
  padding-bottom: 30px !important;
}
fieldset {
  padding-top: 40px !important;
}
.easy-email-resizable iframe {
  border: 1px solid #ccc;
}
fieldset label {
  font-weight: bold;
  display: inline;
}
.inbox-preview-resizable {
  background: white;
  border: 1px solid #ccc;
  width: 320px;
  max-height: 5em;
  height: 5em;
  padding: 1em;
}
.inbox-preview-view {
  line-height: 1.3em;
  height: 5em;
  max-height: 5em;
  color: black;
  overflow: hidden;
}
.inbox-preview-view .from-name {
  font-weight: bold;
  font-size: 110%;
  overflow: hidden;
  white-space: nowrap;
}
.inbox-preview-view .subject {
  overflow: hidden;
  white-space: nowrap;
}
.inbox-preview-view .body-preview {
  color: #888;
  overflow: hidden;
}

File

css/easy-email-preview.css
View source 
  1. fieldset.easy-email-type-preview:not(.fieldgroup) {

  2.   background-color: #ffffcc;

  3. }

  4. fieldset.easy-email-resizable {

  5.   border: 1px solid #ccc;

  6.   height: 300px;

  7.   padding-bottom: 30px !important;

  8. }

  9. fieldset {

  10.   padding-top: 40px !important;

  11. }

  12. .easy-email-resizable iframe {

  13.   border: 1px solid #ccc;

  14. }

  15. fieldset label {

  16.   font-weight: bold;

  17.   display: inline;

  18. }

  19. .inbox-preview-resizable {

  20.   background: white;

  21.   border: 1px solid #ccc;

  22.   width: 320px;

  23.   max-height: 5em;

  24.   height: 5em;

  25.   padding: 1em;

  26. }

  27. .inbox-preview-view {

  28.   line-height: 1.3em;

  29.   height: 5em;

  30.   max-height: 5em;

  31.   color: black;

  32.   overflow: hidden;

  33. }

  34. .inbox-preview-view .from-name {

  35.   font-weight: bold;

  36.   font-size: 110%;

  37.   overflow: hidden;

  38.   white-space: nowrap;

  39. }

  40. .inbox-preview-view .subject {

  41.   overflow: hidden;

  42.   white-space: nowrap;

  43. }

  44. .inbox-preview-view .body-preview {

  45.   color: #888;

  46.   overflow: hidden;

  47. }