OSDN Git Service

color helper
[pettanr/pettanr.git] / app / assets / stylesheets / test.css.scss
index a0961df..c8aef35 100644 (file)
@@ -1,3 +1,9 @@
+/*
+ * 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
+*/
 table.no-border {
   border: none;
 }
@@ -16,6 +22,39 @@ div.md5 {
   text-align: left;
 }
 
+input.error {
+  border-width: 3px;
+  border-style:  solid;
+  border-color:   #ef29ef;
+}
+textarea.error {
+  border-style:  solid;
+  border-color:   #111;
+}
+select.error {
+  border-style:  solid;
+  border-color:   #111;
+}
+
+.sheet {
+  position:    relative;
+  overflow:    hidden;
+  float: left;
+  clear: left;
+}
+
+.sheet-data {
+  float: left;
+}
+
+.sheet-break {
+  clear: both;
+}
+
+.sheet_panel {
+  position:    absolute;
+}
+
 .pettanr-comic-wrapper {
   margin:  1em auto;
 }
@@ -35,43 +74,45 @@ div.md5 {
 .pettanr-comic-balloon img {
   width:     100%;
   height:     100%;    }
-.pettanr-comic-balloon p {
-  margin:     0 !important;
-  padding:    0 !important;      display:    table;
-  position:    absolute;
-  top:     0;
-  left:     16.6%;
-  width:     66.6%;
-  height:     100%;
-  *height:    auto;
-  *top:     50% !important;
-}
-.pettanr-comic-balloon p span,
-.pettanr-comic-balloon p strong,
-.pettanr-comic-balloon p em,
-.pettanr-comic-balloon p i,
-.pettanr-comic-balloon p samp,
-.pettanr-comic-balloon p code {
-  vertical-align:   middle;
-  text-align:    center;
-  font-size:    14px;
-  display:    table-cell;
-  *display:    block;
-  zoom:     1;
-  *position:    relative;
-  *top: -50%;
-}
-.pettanr-comic-balloon p strong {
-  font-weight: bold;
-}
-.pettanr-comic-balloon p em,
-.pettanr-comic-balloon p i {
-  font-style: italic;
-}
-.pettanr-comic-balloon p samp,
-.pettanr-comic-balloon p code {
-  font-family: monospace;
+
+
+.pettanr-comic-speech {
+margin : 0 !important;
+padding : 0 !important;
+display : table;
+table-layout : fixed;
+position : absolute;
+top : 0;
+left : 16.6%;
+width : 66.6%;
+height : 100%;
+*height : auto;
+*top : 50% !important;
+}
+.pettanr-comic-speech-inner {
+vertical-align : middle;
+display : table-cell;
+*display : block;
+zoom : 1;
+*position : relative;
+*top : -50%;
+}
+.pettanr-comic-speech p {
+padding : 0.5em 0 !important;
+margin : 0 !important;
+}
+.pettanr-comic-speech strong {
+font-weight : bold;
+}
+.pettanr-comic-speech em,
+.pettanr-comic-speech i {
+font-style : italic;
+}
+.pettanr-comic-speech samp,
+.pettanr-comic-speech code {
+font-family : monospace;
 }
+
 .ui-resizable-handle {
   background-color:#f8b87c;
 }
@@ -130,7 +171,15 @@ div.md5 {
   height          : 9px;
   right           : -5px;
   top             : -5px;
-}.colorpicker-wrap {
+}
+.ground_color-code-wrap {
+    border: 1px solid #d0d0d0;
+    border-radius: 10px;
+    padding: 10px 5px;
+    background: #fafafa;
+    display: none;
+}
+.speech-fore_color-wrap {
     border: 1px solid #d0d0d0;
     border-radius: 10px;
     padding: 10px 5px;
@@ -171,6 +220,31 @@ div.md5 {
 .colorpicker-hex, #colorpicker-rgb {
   margin: 5px;
 }
+.ui-slider .ui-slider-handle {
+  width: 1em;
+  height: 1em;
+}
+.ui-slider-horizontal {
+  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;
+  }
+  .colorpicker .ui-slider-range {
+    background: #ef2929;
+  }
+
 .tsort-box {
   float: left;
   font-size: 12px;
@@ -219,13 +293,6 @@ div.md5 {
     font-size: 12px;
     cursor: move;
 }
-.ui-slider .ui-slider-handle {
-       width: 1em;
-  height: 1em;
-}
-.ui-slider-horizontal {
-       height: 0.6em;
-}
 #elements-tabs {
     font-size: 12px;
 }
@@ -261,6 +328,8 @@ div.md5 {
 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
     margin-bottom: 0.2em;
 }
+.element-tab {
+}
 .elements-tab {
   width: 100%;
    overflow: hidden;
@@ -305,3 +374,302 @@ div.md5 {
   clear: both;
 }
 
+.field {
+    float: left; 
+}
+.row_break {
+  clear: both;
+}
+
+.extend_column {
+  margin-left: 20px;
+}
+
+.extend-field {
+  margin-left: 20px;
+}
+
+.filer {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+.filer-head {
+  clear: both;
+  margin: 0;
+  padding: 0;
+  height: 22px; 
+  overflow: hidden;
+  background: #efefef;
+}
+.filer-head div {
+  float: left;
+}
+
+.filer-item {
+  clear: both;
+  margin: 0;
+  padding: 0;
+  height: 66px; 
+  overflow: hidden;
+}
+.filer-item div {
+}
+
+.filer-head-button {
+  width: 66px; 
+}
+.filer-head-symbol {
+  width: 66px; 
+}
+.filer-head-caption {
+  width: 200px; 
+}
+.filer-head-summary {
+  width: 200px; 
+}
+.filer-head-icon {
+  width: 66px; 
+}
+.filer-head-date {
+  width: 100px; 
+}
+.filer-head-edit {
+  width: 66px; 
+}
+
+.filer-item-button {
+  float: left;
+  width: 66px; 
+}
+.filer-item-symbol {
+  float: left;
+  width: 66px; 
+}
+.filer-item-caption {
+  float: left;
+  width: 200px; 
+}
+.filer-item-summary {
+  float: left;
+  width: 200px; 
+}
+.filer-item-icon {
+  float: left;
+  width: 66px; 
+}
+.filer-item-date {
+  float: left;
+  width: 76px; 
+}
+.filer-item-edit {
+  float: left;
+  width: 76px; 
+}
+
+//folder
+.filer-head-folder .filer-head-symbol {
+}
+.filer-head-folder .filer-head-caption {
+  width: 150px; 
+}
+.filer-head-folder .filer-head-summary {
+  width: 50px; 
+}
+.filer-head-folder .filer-head-icon {
+}
+.filer-head-folder .filer-head-date {
+}
+.filer-head-folder .filer-head-edit {
+}
+
+.filer-item-folder .filer-item-caption {
+  width: 150px; 
+}
+.filer-item-folder .filer-item-summary {
+  width: 50px; 
+}
+
+//scroll
+.filer-head-scroll .filer-head-symbol {
+}
+.filer-head-scroll .filer-head-caption {
+  width: 250px; 
+}
+.filer-head-scroll .filer-head-summary {
+  width: 150px; 
+}
+.filer-head-scroll .filer-head-icon {
+}
+.filer-head-scroll .filer-head-date {
+}
+.filer-head-scroll .filer-head-edit {
+}
+
+.filer-item-scroll .filer-item-caption {
+  width: 250px; 
+}
+.filer-item-scroll .filer-item-summary {
+  width: 150px; 
+}
+
+//comic
+.filer-head-comic .filer-head-caption {
+  width: 250px; 
+}
+.filer-head-comic .filer-head-summary {
+  width: 150px; 
+}
+.filer-item-comic .filer-item-caption {
+  width: 250px; 
+}
+.filer-item-comic .filer-item-summary {
+  width: 150px; 
+}
+
+//story
+.filer-head-story .filer-head-caption {
+  width: 250px; 
+}
+.filer-head-story .filer-head-summary {
+  width: 150px; 
+}
+.filer-item-story .filer-item-caption {
+  width: 250px; 
+}
+.filer-item-story .filer-item-summary {
+  width: 150px; 
+}
+
+//panel
+.filer-head-panel .filer-head-caption {
+  width: 250px; 
+}
+.filer-head-panel .filer-head-summary {
+  width: 150px; 
+}
+.filer-item-panel .filer-item-caption {
+  width: 250px; 
+}
+.filer-item-panel .filer-item-summary {
+  width: 150px; 
+}
+
+//panel_picture
+.filer-head-panel_picture .filer-head-caption {
+  width: 100px; 
+}
+.filer-head-panel_picture .filer-head-summary {
+  width: 300px; 
+}
+.filer-item-panel_picture .filer-item-caption {
+  width: 100px; 
+}
+.filer-item-panel_picture .filer-item-summary {
+  width: 300px; 
+}
+.panel_picture-summary div {
+  float: left;
+}
+
+//speech_balloon
+.filer-head-speech_balloon .filer-head-caption {
+  width: 300px; 
+}
+.filer-head-speech_balloon .filer-head-summary {
+  width: 100px; 
+}
+.filer-item-speech_balloon .filer-item-caption {
+  width: 300px; 
+}
+.filer-item-speech_balloon .filer-item-summary {
+  width: 100px; 
+}
+
+//speech
+.filer-head-speech .filer-head-caption {
+  width: 300px; 
+}
+.filer-head-speech .filer-head-summary {
+  width: 100px; 
+}
+.filer-item-speech .filer-item-caption {
+  width: 300px; 
+}
+.filer-item-speech .filer-item-summary {
+  width: 100px; 
+}
+
+//ground_picture
+.filer-head-ground_picture .filer-head-caption {
+  width: 100px; 
+}
+.filer-head-ground_picture .filer-head-summary {
+  width: 300px; 
+}
+.filer-item-ground_picture .filer-item-caption {
+  width: 100px; 
+}
+.filer-item-ground_picture .filer-item-summary {
+  width: 300px; 
+}
+.ground_picture-summary div {
+  float: left;
+}
+
+//ground_color
+.filer-head-ground_color .filer-head-caption {
+  width: 300px; 
+}
+.filer-head-ground_color .filer-head-summary {
+  width: 100px; 
+}
+.filer-item-ground_color .filer-item-caption {
+  width: 300px; 
+}
+.filer-item-ground_color .filer-item-summary {
+  width: 100px; 
+}
+
+//original_picture
+.filer-head-original_picture .filer-head-caption {
+  width: 50px; 
+}
+.filer-head-original_picture .filer-head-summary {
+  width: 350px; 
+}
+.filer-item-original_picture .filer-item-caption {
+  width: 50px; 
+}
+.filer-item-original_picture .filer-item-summary {
+  width: 350px; 
+}
+.original_picture-summary div {
+  float: left;
+}
+
+//resource_picture
+.filer-head-resource_picture .filer-head-summary {
+  width: 250px; 
+}
+.filer-item-resource_picture .filer-item-summary {
+  width: 250px; 
+}
+
+//speech_balloon_template
+.filer-head-speech_balloon_template .filer-head-caption {
+}
+.filer-item-speech_balloon_template .filer-item-caption {
+}
+
+ul.pagination {
+  list-style-type: none;
+}
+
+ul.pagination li {
+  float: left;
+  padding: 3px;
+  font-size: 20px;
+}
+