merge

[pettanr/pettanr.git] / app / assets / stylesheets / test.css.scss

diff --git a/app/assets/stylesheets/test.css.scss b/app/assets/stylesheets/test.css.scss
index dbed634..a0961df 100644 (file)
--- a/app/assets/stylesheets/test.css.scss
+++ b/app/assets/stylesheets/test.css.scss
@@ -72,8 +72,65 @@ div.md5 {
 .pettanr-comic-balloon p code {
   font-family: monospace;
 }
-
-.colorpicker-wrap {
+.ui-resizable-handle {
+  background-color:#f8b87c;
+}
+.ui-resizable-n {
+  cursor          : n-resize;
+  height          : 9px;
+  width           : 100%;
+  top             : -3px;
+  left            : 0;
+}
+.ui-resizable-s {
+  cursor          : s-resize;
+  height          : 9px;
+  width           : 100%;
+  bottom          : -3px;
+  left            : 0;
+}
+.ui-resizable-e {
+  cursor          : e-resize;
+  width           : 9px;
+  right           : -3px;
+  top             : 0;
+  height          : 100%;
+}
+.ui-resizable-w {
+  cursor          : w-resize;
+  width           : 9px;
+  left            : -3px;
+  top             : 0;
+  height          : 100%;
+}
+.ui-resizable-se {
+  cursor          : se-resize;
+  width           : 12px;
+  height          : 12px;
+  right           : 1px;
+  bottom          : 1px;
+}
+.ui-resizable-sw {
+  cursor          : sw-resize;
+  width           : 9px;
+  height          : 9px;
+  left            : -5px;
+  bottom          : -5px;
+}
+.ui-resizable-nw {
+  cursor          : nw-resize;
+  width           : 9px;
+  height          : 9px;
+  left            : -5px;
+  top             : -5px;
+}
+.ui-resizable-ne {
+  cursor          : ne-resize;
+  width           : 9px;
+  height          : 9px;
+  right           : -5px;
+  top             : -5px;
+}.colorpicker-wrap {
     border: 1px solid #d0d0d0;
     border-radius: 10px;
     padding: 10px 5px;
@@ -116,6 +173,7 @@ div.md5 {
 }
 .tsort-box {
   float: left;
+  font-size: 12px;
 }
 .scenario {
   float: left;
@@ -123,6 +181,10 @@ div.md5 {
 .tsort-row-break {
   clear: both;
 }
+.tsort-tabs-nav {
+    padding: .2em .1em .2em .2em;
+    width: 220px;
+}
 .tsort {
     list-style-type: none;
     margin: 0;
@@ -132,13 +194,19 @@ div.md5 {
     margin: 0 3px 3px 3px;
     padding: 0.3em;
     padding-left: 1em;
-    font-size: 15px;
-    font-weight: bold;
+    font-size: 12px;
     cursor: move;
 }
 .tsort-row-break {
   clear: both;
 }
+.zsort-box {
+  font-size: 12px;
+}
+.zsort-tabs-nav {
+    padding: .2em .1em .2em .2em;
+    width: 220px;
+}
 .zsort {
     list-style-type: none;
     margin: 0;
@@ -148,16 +216,7 @@ div.md5 {
     margin: 0 3px 3px 3px;
     padding: 0.3em;
     padding-left: 1em;
-    font-size: 15px;
-    font-weight: bold;
-    cursor: move;
-}
-#z-sortable tr {
-    margin: 0 3px 3px 3px;
-    padding: 0.3em;
-    padding-left: 1em;
-    font-size: 15px;
-    font-weight: bold;
+    font-size: 12px;
     cursor: move;
 }
 .ui-slider .ui-slider-handle {
@@ -171,11 +230,11 @@ div.md5 {
     font-size: 12px;
 }
 .ui-tabs-vertical {
-    width: 65em;
 }
 .ui-tabs-vertical .ui-tabs-nav {
     padding: .2em .1em .2em .2em;
-    float: left; width: 220px;
+    float: left; 
+    width: 220px;
 }
 .ui-tabs-vertical .ui-tabs-nav li {
     clear: left; width: 100%;
@@ -195,16 +254,15 @@ div.md5 {
 }
 .ui-tabs-vertical .ui-tabs-panel {
     padding: 1em;
-    float: right;
+    float: left; 
     width: 35em;
+    float: right;
 }
 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
     margin-bottom: 0.2em;
 }
 .elements-tab {
   width: 100%;
-}
-.elements-tab {
    overflow: hidden;
    height: auto;
 }
@@ -220,15 +278,14 @@ div.md5 {
    overflow: hidden;
    height: auto;
 }
-.elements-tab-caption {
-       white-space: pre;           /* CSS 2.0 */
-       white-space: pre-wrap;      /* CSS 2.1 */
-       white-space: pre-line;      /* CSS 3.0 */
-       white-space: -pre-wrap;     /* Opera 4-6 */
-       white-space: -o-pre-wrap;   /* Opera 7 */
-       white-space: -moz-pre-wrap; /* Mozilla */
-       white-space: -hp-pre-wrap;  /* HP Printers */
-       word-wrap: break-word;      /* IE 5+ */
+.elements-tab-face-icon {
+   float: left;
+}
+.elements-tab-face-caption {
+   float: left;
+}
+.elements-tab-face-end {
+  clear: both;
 }
 .ui-button .ui-icon.ui-icon-destroy {
   width: 16px;