You are here

Home » API reference » BUEditor 8.2

BUE.css in BUEditor 8.2

Same filename and directory in other branches
  1. 8 library/css/BUE.css
/* Editor container */
.bue {
  border: 1px solid #aaa;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

/* Textarea wrapper */
.bue-textarea-wrapper {
  position: relative;
  background: #f7f7f7; /* Seen only when textarea visual styles are removed */
  box-shadow: 0 1px 1px #D5D5D5 inset;
}
.bue.focused .bue-textarea-wrapper {
  background: #fff; /* Seen only when textarea visual styles are removed */
}

/* Textarea */
.bue-textarea-wrapper .bue-textarea {
  display: block;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: vertical;
  float: none;
  border: none;
  border-radius: 0;
  margin: 0;
  /* Remove textarea visual style to standardize the look.@todo
  padding: 5px;
  color: #000;
  background: none;
  outline: none;
  box-shadow: none;
  text-shadow: none;
  */
}

/* Toolbar */
.bue-toolbar {
  font-size: 16px;
  font-family: Georgia;
  line-height: 1em;
  padding: 0.05em 0.05em 0.2em 0.2em; /* Complementary to button margin */
  border-bottom: 1px solid #aaa;
  background: #e9e9e9;
  background: linear-gradient(180deg, #f1f1f1, #ddd);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
  cursor: default;
}
.bue-toolbar:empty {
  display: none;
}

/* Separator */
.bue-separator {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.9em;
  margin: 0 0.1em;
  color: #aaa;
  text-shadow: 1px 1px 0 #fff;
}
.bue-separator:before {
  content: ":";
}

/* New line */
.bue-newline:after {
  content: "\000a";
  white-space: pre;
}

/* Tag chooser */
.bue-tag-chooser .choice-link {
  display: inline-block;
  padding: 0.4em;
}

File

library/css/BUE.css
View source 
  1. /* Editor container */

  2. .bue {

  3.   border: 1px solid #aaa;

  4.   box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

  5. }

  6. 

  7. /* Textarea wrapper */

  8. .bue-textarea-wrapper {

  9.   position: relative;

  10.   background: #f7f7f7; /* Seen only when textarea visual styles are removed */

  11.   box-shadow: 0 1px 1px #D5D5D5 inset;

  12. }

  13. .bue.focused .bue-textarea-wrapper {

  14.   background: #fff; /* Seen only when textarea visual styles are removed */

  15. }

  16. 

  17. /* Textarea */

  18. .bue-textarea-wrapper .bue-textarea {

  19.   display: block;

  20.   width: 100%;

  21.   -moz-box-sizing: border-box;

  22.   box-sizing: border-box;

  23.   resize: vertical;

  24.   float: none;

  25.   border: none;

  26.   border-radius: 0;

  27.   margin: 0;

  28.   /* Remove textarea visual style to standardize the look.@todo

  29.   padding: 5px;

  30.   color: #000;

  31.   background: none;

  32.   outline: none;

  33.   box-shadow: none;

  34.   text-shadow: none;

  35.   */

  36. }

  37. 

  38. /* Toolbar */

  39. .bue-toolbar {

  40.   font-size: 16px;

  41.   font-family: Georgia;

  42.   line-height: 1em;

  43.   padding: 0.05em 0.05em 0.2em 0.2em; /* Complementary to button margin */

  44.   border-bottom: 1px solid #aaa;

  45.   background: #e9e9e9;

  46.   background: linear-gradient(180deg, #f1f1f1, #ddd);

  47.   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;

  48.   cursor: default;

  49. }

  50. .bue-toolbar:empty {

  51.   display: none;

  52. }

  53. 

  54. /* Separator */

  55. .bue-separator {

  56.   display: inline-block;

  57.   vertical-align: bottom;

  58.   line-height: 1.9em;

  59.   margin: 0 0.1em;

  60.   color: #aaa;

  61.   text-shadow: 1px 1px 0 #fff;

  62. }

  63. .bue-separator:before {

  64.   content: ":";

  65. }

  66. 

  67. /* New line */

  68. .bue-newline:after {

  69.   content: "\000a";

  70.   white-space: pre;

  71. }

  72. 

  73. /* Tag chooser */

  74. .bue-tag-chooser .choice-link {

  75.   display: inline-block;

  76.   padding: 0.4em;

  77. }