Dodanie toolbara dla galerii
[redakcja.git] / platforma / static / css / master.css
index 6239684..d7b6dc0 100755 (executable)
@@ -6,33 +6,43 @@ body {
 }
 
 .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 {
@@ -94,15 +104,7 @@ body {
     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 {
@@ -114,6 +116,20 @@ body {
     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;
 }
@@ -132,4 +148,14 @@ button::-moz-focus-inner {
     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