Wiersze w .out-of-flow-text w widoku HTML poprawnie się teraz zawijają.

[redakcja.git] / platforma / static / css / master.css

diff --git a/platforma/static/css/master.css b/platforma/static/css/master.css
index e3d0b9c..9d3efec 100755 (executable)
--- a/platforma/static/css/master.css
+++ b/platforma/static/css/master.css
@@ -3,6 +3,8 @@ body {
     overflow: hidden;
     padding: 0;
     min-width: 960px;
+    width: 100%;
+    height: 100%;
 }
 
 .vsplitbar {
@@ -10,10 +12,15 @@ body {
     top: 25px;
     bottom: 0;
     right: 0;;
-    width: 14px;
-    background: #EEE url(/static/img/gallery.png) no-repeat scroll center center;
+    width: 13px;
+    background: #C1C1C1 url(/static/img/gallery.png) no-repeat scroll center center;
     border-left: 1px solid #999;
-    cursor: col-resize;
+    border-right: 1px solid #999;
+    cursor: w-resize;
+}
+
+.vsplitbar.active {
+    cursor: e-resize;
 }
 
 #source-editor, #simple-editor {
@@ -36,7 +43,7 @@ body {
 
 #sidebar {
     position: absolute;
-    overflow: auto;
+    overflow: hidden;
     top: 25px;
     right: 0;
     bottom: 0;
@@ -100,28 +107,37 @@ body {
 }
 
 .toolbar {
+    width: 100%;
     border-bottom: 1px solid #777;
     background-color: #C1C1C1;
     margin: 0;
     padding: 2px;
+    z-index: 10;
 /*    height: 22px;*/
 }
 
+.toolbar button {
+    display: block;
+    float: left;
+    margin: 4px 0 2px 0;
+    padding: 0 5px 2px 5px;
+    border: none;
+    background: none;
+}
+
 .toolbar select {
     float: left;
-    margin: 2px 5px 2px 0;
+    margin: 1px 5px 1px 0;
     background: none;
     border: 1px solid #999;
     padding: 1px;
 }
 
-.toolbar button {
-    display: block;
+.toolbar input {
     float: left;
-    margin: 4px 0 2px 0;
-    padding: 0 5px 2px 5px;
-    border: none;
-    background: none;
+    font-size: 11px;
+    padding: 0;
+    margin: 2px 5px 0 5px;
 }
 
 .toolbar-end {
@@ -152,4 +168,77 @@ p { margin: 0;}
     background-color: #FAFAFA;
     border: 1px solid #DDD;
 /*    -webkit-transition: all 1s linear;*/
+}
+
+
+/* =========== */
+/* = Gallery = */
+/* =========== */
+.change-gallery-panel {
+    width: 100%;
+    border-bottom: 1px solid #777;
+    background-color: #C1C1C1;
+    margin: 0;
+    padding: 2px;
+    z-index: 10;
+}
+
+.gallery-image {
+    position: absolute;
+    top: 27px;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    margin: 0;
+    border: none;
+    background-color: #000;
+    overflow: hidden;
+}
+
+.gallery-image img {
+    position: absolute;
+    -moz-drag: none;
+    user-select: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    cursor: pointer;
+}
+
+
+#body-wrap {
+    height: 100%;
+    width: 100%;
+}
+#content {
+    height: 100%;
+    width: 100%;
+}
+
+#loading-overlay {
+    background-color: #FFF;
+    position: absolute;
+    z-index: 1000;
+    padding: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+#loading-message {
+    position: absolute;
+    height: 20px;
+    width: 120px;
+    left: 50%;
+    margin-left: -60px;
+    top: 50%;
+    margin-top: -10px;
+/*    text-align: center;*/
+}
+
+#loading-message img {
+    float: left;
+    margin-right: 10px;
+    margin-top: -6px;
 }
\ No newline at end of file