fix: new elm

[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 87f1dae..8a3c5ba 100644 (file)
--- a/app/assets/stylesheets/test.css.scss
+++ b/app/assets/stylesheets/test.css.scss
@@ -1,3 +1,10 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_directory ./base
+ *= require jquery-ui
+*/
 table.no-border {
   border: none;
 }
@@ -16,6 +23,10 @@ div.md5 {
   text-align: left;
 }
 
+div.empty {
+  color:   #aaaaaa;
+}
+
 input.error {
   border-width: 3px;
   border-style:  solid;
@@ -49,6 +60,18 @@ select.error {
   position:    absolute;
 }
 
+// hide number field's spinner
+  //for chrome
+  input[type=number]::-webkit-outer-spin-button,
+  input[type=number]::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+  }
+  // for firefox
+  input[type=number] {
+      -moz-appearance:textfield;
+  }
+
 .pettanr-comic-wrapper {
   margin:  1em auto;
 }
@@ -107,7 +130,7 @@ font-style : italic;
 font-family : monospace;
 }
 
-.ui-resizable-handle {
+.pettanr-comic-panel .ui-resizable-handle {
   background-color:#f8b87c;
 }
 .ui-resizable-n {
@@ -214,73 +237,43 @@ font-family : monospace;
 .colorpicker-hex, #colorpicker-rgb {
   margin: 5px;
 }
-.tsort-box {
-  float: left;
-  font-size: 12px;
-}
-.scenario {
-  float: left;
-}
-.tsort-row-break {
-  clear: both;
-}
-.tsort-tabs-nav {
-    padding: .2em .1em .2em .2em;
-    width: 220px;
-}
-.tsort {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-}
-.tsort li {
-    margin: 0 3px 3px 3px;
-    padding: 0.3em;
-    padding-left: 1em;
-    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;
-    padding: 0;
-}
-.zsort li {
-    margin: 0 3px 3px 3px;
-    padding: 0.3em;
-    padding-left: 1em;
-    font-size: 12px;
-    cursor: move;
-}
 .ui-slider .ui-slider-handle {
-       width: 1em;
+  width: 1em;
   height: 1em;
 }
 .ui-slider-horizontal {
-       height: 0.6em;
-}
+  height: 0.6em;
+}
+  // for ap
+  .code-wrap {
+      border: 1px solid #d0d0d0;
+      border-radius: 10px;
+      padding: 10px 5px;
+      background: #fafafa;
+      display: none;
+  }
+  .colorpicker {
+    float: left;
+    clear: left;
+    width: 256px;
+    margin: 3px 10px;
+  }
+
 #elements-tabs {
     font-size: 12px;
 }
+.inner-elements-tabs {
+}
+
 .ui-tabs-vertical {
 }
 .ui-tabs-vertical .ui-tabs-nav {
     padding: .2em .1em .2em .2em;
     float: left; 
-    width: 220px;
+    width: 100px;
 }
 .ui-tabs-vertical .ui-tabs-nav li {
-    clear: left; width: 100%;
+    clear: left;
     border-bottom-width: 1px !important;
     border-right-width: 0 !important;
     margin: 0 -1px 0.2em 0;
@@ -297,9 +290,9 @@ font-family : monospace;
 }
 .ui-tabs-vertical .ui-tabs-panel {
     padding: 1em;
-    float: left; 
+    float: left;
+    margin-left: 55px;
     width: 35em;
-    float: right;
 }
 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
     margin-bottom: 0.2em;
@@ -307,7 +300,6 @@ font-family : monospace;
 .element-tab {
 }
 .elements-tab {
-  width: 100%;
    overflow: hidden;
    height: auto;
 }
@@ -343,6 +335,29 @@ font-family : monospace;
   background-image: image-url("destroy-highlighted.png");
 }
 
+.new-element-board-body div {
+   float: left;
+}
+.new-element-buttons div {
+  clear: both;
+}
+.new-element-buttons h3 {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+.new-element-buttons span {
+  margin: 3px;
+  margin-right: 8px;
+}
+ul.scenarios_elements {
+  list-style-type: none;
+  padding: 0;
+}
+
+.scenario-label {
+   float: left;
+}
+
 .speech_balloon_template_item {
   float: left;
 }
@@ -366,9 +381,9 @@ font-family : monospace;
 }
 
 .filer {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
 }
 
 .filer-head {
@@ -383,6 +398,10 @@ font-family : monospace;
   float: left;
 }
 
+.filer-body {
+  padding-left: 0;
+  list-style-type: none;
+}
 .filer-item {
   clear: both;
   margin: 0;
@@ -393,7 +412,7 @@ font-family : monospace;
 .filer-item div {
 }
 
-.filer-head-button {
+.filer-head-pick {
   width: 66px; 
 }
 .filer-head-symbol {
@@ -415,7 +434,7 @@ font-family : monospace;
   width: 66px; 
 }
 
-.filer-item-button {
+.filer-item-pick {
   float: left;
   width: 66px; 
 }
@@ -638,3 +657,52 @@ font-family : monospace;
 }
 .filer-item-speech_balloon_template .filer-item-caption {
 }
+
+.logo{
+  float: left;
+}
+.history div {
+  float: left;
+}
+
+.history-list {
+  width: 400px; 
+  background-color:#f8f8f8;
+}
+
+.history-list-log {
+  border-width: 0px;
+  border-style:  solid;
+  border-color:   #ef29ef;
+}
+
+ul.pagination {
+  list-style-type: none;
+}
+
+ul.pagination li {
+  float: left;
+  padding: 3px;
+  font-size: 20px;
+}
+
+.credits .credit {
+  float: left;
+}
+
+.credit .credit-icon {
+  float: left;
+}
+
+.credit table {
+  float: left;
+}
+
+.op-smy div {
+  float: left;
+}
+
+.op-smy span {
+  float: left;
+}
+