/*
# Editor Common

common.css is the common styles for editor block (mostly for editor header block) in edit entry screen.

Some styles for textarea are used in no Rich Text mode (Rich Text mode uses iframe instead textarea).

```
<div id="editor-header" class="editor-header">
  <div class="tab selected-tab">
    <label><a>Body</a>
    </label>
  </div>
  <div class="tab">
    <label><a>Extended</a>
    </label>
  </div>
  <div id="field-convert_breaks">
    Format:
    <select name="convert_breaks" id="convert_breaks">
      <option value="0">None</option>
      <option value="__default__">Convert Line Breaks</option>
      <option value="markdown">Markdown</option>
      <option value="markdown_with_smartypants">Markdown With SmartyPants</option>
      <option value="richtext" selected="selected">Rich Text</option>
      <option value="textile_2">Textile 2</option>
    </select>
    <a id="formatting-help-link" class="help-link disabled">?</a>
  </div>
</div>
```

*/
.editor-header {
    position: relative;
    z-index: 1;
}

.editor-header .tab {
    display: inline-block;
    margin: 0 1px -1px 0;
    padding: 8px 10px 0 10px;
    border: 1px solid #c0c6c9;
    line-height: 24px;
    background-color: #f3f3f3;
    font-size: 90%;
    text-align: center;
    text-transform: uppercase;
    border-radius: 2px 2px 0 0;
    box-shadow: inset 0 -1px 0px 0 rgba(0, 0, 0, 0.03);
}
.editor-header .tab a {
    color: #7b7c7d;
    text-decoration: none;
    outline: 0;
}
.editor-header .tab a:hover {
    color: #33789c;
}
.editor-header .selected-tab {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    box-shadow: none;
}
.editor-header .selected-tab a,
.editor-header .selected-tab a:hover {
    color: #2b2b2b;
}

#field-convert_breaks {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}
.editor-header select {
    margin-top: 3px;
    vertical-align: baseline;
}

#editor-content textarea,
.editor-content textarea {
    width: 100%;
    height: 550px;
    padding: 10px;
    line-height: 1.62;
    overflow: auto;
    background-color: #ffffff;
    vertical-align: top;
    font-size: 14px;
    white-space: pre-wrap;
    font-family: monospace;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    min-height: auto !important;
}
@media (max-width: 767.98px) {
    #editor-content textarea,
    .editor-content textarea {
        height: auto;
        min-height: 160px;
    }
}

#editor-content textarea:hover,
#editor-content textarea:focus,
.editor-content textarea:hover,
.editor-content textarea:focus
 {
    box-shadow: none;
}

