}
.vsplitbar {
+ position: absolute;
+ top: 25px;
+ bottom: 0;
+ right: 0;;
width: 14px;
background: #EEE url(/static/img/gallery.png) no-repeat scroll center center;
border-left: 1px solid #999;
cursor: col-resize;
}
-.active {
- background-color: #DDD;
-}
-
-#simple-editor {
- height: 100%;
+#source-editor, #simple-editor {
+ position: absolute;
+ top: 25px;
+ bottom: 0;
+ left: 0;
+ right: 15px;
overflow: hidden;
- position: relative;
}
#html-view {
overflow: auto;
position: absolute;
- top: 27px;
+ top: 26px;
bottom: 0;
left: 0;
right: 0;
}
#sidebar {
+ position: absolute;
overflow: auto;
+ top: 25px;
+ right: 0;
+ bottom: 0;
+ width: 0;
+ display: none;
+ background-color: #FFF;
}
#header {
background-color: #C1C1C1;
margin: 0;
padding: 2px;
- height: 22px;
-}
-
-.toolbar select {
- float: left;
- margin: 2px 5px 2px 0;
- background: none;
- border: 1px solid #999;
- padding: 1px;
+/* height: 22px;*/
}
.toolbar button {
background: none;
}
+.toolbar select {
+ float: left;
+ margin: 1px 5px 1px 0;
+ background: none;
+ border: 1px solid #999;
+ padding: 1px;
+}
+
+.toolbar input {
+ font-size: 11px;
+ padding: 0;
+ margin: 2px 5px 0 5px;
+}
+
.toolbar-end {
clear: both;
}
padding: 0;
}
-p { margin: 0;}
\ No newline at end of file
+p { margin: 0;}
+
+.htmlview *[x-editable] {
+ background-color: white;
+}
+
+.htmlview .active[x-editable] {
+ background-color: #FAFAFA;
+ border: 1px solid #DDD;
+/* -webkit-transition: all 1s linear;*/
+}
\ No newline at end of file