/* 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;
}
View source
- /* 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;
- }