OSDN Git Service

add comic story
[pettanr/pettanr.git] / app / assets / stylesheets / test.css.scss
index c7cf6e3..0d66fef 100644 (file)
@@ -16,6 +16,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,45 +68,112 @@ 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;
-}
-
-.colorpicker-wrap {
+
+
+.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;
+}
+.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;
+}
+.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;
@@ -116,6 +216,7 @@ div.md5 {
 }
 .tsort-box {
   float: left;
+  font-size: 12px;
 }
 .scenario {
   float: left;
@@ -123,6 +224,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 +237,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 +259,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 +273,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 +297,17 @@ 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%;
+.element-tab {
 }
 .elements-tab {
+  width: 100%;
    overflow: hidden;
    height: auto;
 }
@@ -220,15 +323,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; 
@@ -240,3 +342,294 @@ div.md5 {
   height: 16px; cursor: pointer; 
   background-image: image-url("destroy-highlighted.png");
 }
+
+.speech_balloon_template_item {
+  float: left;
+}
+.speech_balloon_template_item-row-break {
+  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-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-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 {
+  width: 400px; 
+}
+.filer-item-speech_balloon_template .filer-item-caption {
+  width: 400px; 
+}